@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@700&family=DM+Sans:wght@400;500&display=swap";:root{--color-primary:#2d6a4f;--color-sage:#74c69d;--color-light:#d8f3dc;--color-cream:#f8f4ef;--color-dark:#1b2d24;--color-muted:#6b8f7a;--font-headline:"Cormorant Garamond", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--radius:12px;--radius-lg:20px;--space-xs:8px;--space-sm:12px;--space-md:20px;--space-lg:32px;--space-xl:48px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-cream);color:var(--color-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.6}#root{min-height:100dvh}h1,h2,h3{font-family:var(--font-headline);color:var(--color-primary);font-weight:700;line-height:1.2}h1{font-size:2.2rem}h2{font-size:1.7rem}h3{font-size:1.3rem}p{color:var(--color-dark);font-size:1rem}button{font-family:var(--font-body);cursor:pointer;border-radius:var(--radius);padding:var(--space-sm) var(--space-md);border:none;font-size:1rem;font-weight:500;transition:opacity .2s,transform .1s}button:active{transform:scale(.98)}.btn-primary{background-color:var(--color-primary);color:#fff;width:100%}.btn-primary:hover{opacity:.88}.btn-secondary{background-color:var(--color-light);color:var(--color-primary);width:100%}.btn-secondary:hover{opacity:.88}input,textarea,select{font-family:var(--font-body);border:1.5px solid var(--color-light);border-radius:var(--radius);padding:var(--space-sm) var(--space-md);color:var(--color-dark);background:#fff;outline:none;width:100%;font-size:1rem;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--color-sage)}.card{border-radius:var(--radius-lg);padding:var(--space-md);background:#fff;box-shadow:0 2px 12px #1d2d240f}.page{max-width:480px;padding:var(--space-md);padding-bottom:calc(var(--space-md) + 72px);min-height:100dvh;margin:0 auto}.muted{color:var(--color-muted);font-size:.9rem}.stack{gap:var(--space-md);flex-direction:column;display:flex}.field-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.88rem;font-weight:500;display:block}.slider-field{flex-direction:column;gap:6px;display:flex}.slider-field__top{justify-content:space-between;align-items:center;display:flex}.slider-value{color:var(--color-primary);background:var(--color-light);border-radius:20px;padding:2px 8px;font-size:.88rem;font-weight:500}.slider{appearance:none;background:var(--color-light);cursor:pointer;border-radius:10px;outline:none;width:100%;height:6px;transition:opacity .2s}.slider--unset{opacity:.45}.slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:24px;height:24px;transition:transform .1s}.slider--unset::-webkit-slider-thumb{background:var(--color-muted)}.slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:none;border-radius:50%;width:24px;height:24px}.slider-hints{color:var(--color-muted);justify-content:space-between;font-size:.78rem;display:flex}.pill-group{flex-wrap:wrap;gap:8px;display:flex}.pill{background:var(--color-light);color:var(--color-primary);cursor:pointer;border:none;border-radius:20px;width:auto;padding:7px 14px;font-size:.88rem;font-weight:500;transition:background .15s,color .15s}.pill--active{background:var(--color-primary);color:#fff}.toggle-row{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.toggle{background:var(--color-light);color:var(--color-muted);cursor:pointer;border:none;border-radius:20px;flex-shrink:0;width:auto;padding:6px 16px;font-size:.88rem;font-weight:500;transition:background .15s,color .15s}.toggle--on{background:var(--color-primary);color:#fff}.nudge-card{background:var(--color-light);border-radius:var(--radius);padding:var(--space-sm) var(--space-md);flex-direction:column;gap:8px;display:flex}.nudge-card--celebrate{border-left:3px solid var(--color-sage);background:#e8f8ef}.nudge-card__message{color:var(--color-primary);font-size:.92rem;font-style:italic}.nudge-card__input{border:1.5px solid var(--color-sage);border-radius:var(--radius);padding:var(--space-xs) var(--space-sm);resize:none;background:#ffffffb3;width:100%;font-size:.92rem}.number-row{gap:var(--space-sm);display:flex}.number-row>div{flex:1}.streak-card{background:var(--color-light);border-radius:var(--radius-lg);padding:var(--space-md);align-items:center;gap:var(--space-md);display:flex}.streak-card__stage{font-family:var(--font-headline);color:var(--color-primary);font-size:1.15rem;font-weight:700;line-height:1.2}.streak-card__count{color:var(--color-dark);margin-top:2px;font-size:.88rem}.streak-tree{background:var(--color-primary);clip-path:polygon(50% 0%,0% 100%,100% 100%);opacity:.25;border-radius:2px 2px 0 0;flex-shrink:0;width:44px;height:52px;transition:opacity .4s}.streak-tree[data-stage=sprout]{opacity:.4}.streak-tree[data-stage=small-tree]{opacity:.55}.streak-tree[data-stage=growing-tree]{opacity:.7}.streak-tree[data-stage=full-tree]{opacity:.88}.streak-tree[data-stage=flourishing]{opacity:1;filter:drop-shadow(0 2px 6px #2d6a4f4d)}.auth-page{max-width:480px;padding:var(--space-md);flex-direction:column;justify-content:center;min-height:100dvh;margin:0 auto;display:flex}.text-link{color:var(--color-primary);font-size:inherit;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;width:auto;padding:0;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .15s}.text-link:hover{-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}.form-error{color:#b94040;font-size:.88rem}.account-type-btn{text-align:left;width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius);background:var(--color-cream);cursor:pointer;border:2px solid #0000;flex-direction:column;gap:3px;transition:border-color .15s,background .15s;display:flex}.account-type-btn--active{border-color:var(--color-primary);background:var(--color-light)}.account-type-btn__label{color:var(--color-dark);font-size:1rem;font-weight:600}.account-type-btn__desc{color:var(--color-muted);font-size:.83rem}.client-row{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);display:flex}.client-row__info{flex:1;min-width:0}.client-row__name{color:var(--color-dark);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:500;overflow:hidden}.client-row__label{flex-shrink:0;font-size:.8rem}.client-status{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.client-status--green{background:#40b578}.client-status--amber{background:#e0a020}.client-status--flag{background:#c84040}.client-status--grey{background:#c0ccc6}.divider{background:var(--color-light);height:1px;margin:0 var(--space-md)}.legend{gap:var(--space-md);color:var(--color-muted);flex-wrap:wrap;align-items:center;font-size:.8rem;display:flex}.legend span{align-items:center;gap:5px;display:flex}.invite-link-box{background:var(--color-light);border-radius:var(--radius);padding:var(--space-sm) var(--space-md)}.invite-link-row{align-items:center;gap:var(--space-sm);display:flex}.invite-link-text{color:var(--color-primary);word-break:break-all;flex:1;font-size:.78rem}.field-toggle{cursor:pointer;background:#d0dcd6;border:none;border-radius:14px;flex-shrink:0;width:48px;height:28px;padding:0;transition:background .22s;display:inline-block;position:relative}.field-toggle:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .22s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000002e}.field-toggle--on{background:var(--color-primary)}.field-toggle--on:after{transform:translate(20px)}.field-toggle--partial{background:var(--color-sage)}.field-toggle--partial:after{transform:translate(10px)}.field-toggle--sm{pointer-events:none;border-radius:12px;width:40px;height:24px}.field-toggle--sm:after{width:18px;height:18px;top:3px;left:3px}.field-toggle--sm.field-toggle--on:after{transform:translate(16px)}.metric-group{border-radius:var(--radius-lg);padding:var(--space-md);background:#fff;box-shadow:0 2px 12px #1d2d240f}.metric-group__header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.metric-group__title{font-family:var(--font-headline);color:var(--color-primary);font-size:1.1rem;font-weight:700}.metric-row{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:var(--space-sm);background:0 0;border:none;width:100%;padding:11px 0;display:flex}.metric-row--bordered{border-bottom:1px solid var(--color-light)}.metric-row__label{color:var(--color-dark);font-size:.95rem;font-family:var(--font-body);font-weight:400;transition:color .15s}.metric-row__label--off{color:var(--color-muted)}.bottom-nav{border-top:1px solid var(--color-light);z-index:100;padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;position:fixed;bottom:0;left:0;right:0}.bottom-nav__inner{align-items:stretch;max-width:480px;margin:0 auto;display:flex}.bottom-nav__tab{color:var(--color-muted);font-size:.7rem;font-family:var(--font-body);letter-spacing:.01em;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 0 12px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.bottom-nav__tab svg{stroke:currentColor;width:22px;height:22px}.bottom-nav__tab--active,.bottom-nav__tab:hover{color:var(--color-primary)}