:root{color:#173043;font-synthesis:none;--navy:#102f46;--blue:#1e5474;--coral:#e7785c;--cream:#f8f3eb;--line:#d9e2df;--muted:#6c7d86;background:#eef2ef;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 0,#e3ece8,#0000 34%),#eef2ef;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}h1,h2,h3,h4,p{margin-top:0}h1,h2{letter-spacing:-.025em;font-family:Fraunces,Georgia,serif}input,textarea,select{width:100%;color:var(--navy);background:#fff;border:1px solid #ccd9d5;border-radius:13px;outline:none;padding:12px 14px;transition:all .2s}input:focus,textarea:focus,select:focus{border-color:#6c9bae;box-shadow:0 0 0 3px #cce2e7aa}textarea{resize:vertical}label{color:#365363;gap:7px;font-size:.88rem;font-weight:600;display:grid}.app-shell{grid-template-columns:278px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;z-index:40;background:linear-gradient(165deg,#102f46,#173f57 72%,#204c5e);flex-direction:column;height:100vh;padding:25px 18px 20px;display:flex;position:sticky;top:0}.brand-row{align-items:center;gap:12px;padding:0 7px 26px;display:flex}.brand-row strong{font-family:Fraunces,serif;font-size:1.18rem;display:block}.brand-row span{color:#a9c3ce;font-size:.72rem}.brand-mark{border-radius:14px;place-items:center;width:42px;height:42px;display:grid;overflow:hidden;box-shadow:0 9px 22px #081e2c88}.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.brand-mark.large{border-radius:20px;width:64px;height:64px;margin:auto}.side-nav{gap:7px;display:grid}.side-bottom{border-top:1px solid #ffffff20;gap:7px;margin-top:auto;padding-top:16px;display:grid}.nav-item{color:#d6e5e9;text-align:left;background:0 0;border:0;border-radius:15px;align-items:center;gap:13px;width:100%;padding:12px;transition:all .2s;display:flex}.nav-item:hover{background:#ffffff0c}.nav-item.active{color:#fff;box-shadow:inset 3px 0 var(--coral);background:#ffffff16}.nav-item svg{width:21px}.nav-item span{gap:2px;display:grid}.nav-item strong{font-size:.91rem}.nav-item small{color:#96b3be;font-size:.68rem}.main-shell{min-width:0}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#f7faf8d9;border-bottom:1px solid #dce5e1;align-items:center;gap:18px;min-height:86px;padding:16px clamp(20px,4vw,52px);display:flex;position:sticky;top:0}.page-heading{flex:1}.page-heading p,.overline{color:var(--coral);text-transform:uppercase;letter-spacing:.13em;margin-bottom:3px;font-size:.68rem;font-weight:800;line-height:1.2}.page-heading h1{margin:0;font-size:1.62rem}.top-account{align-items:center;gap:10px;display:flex}.top-account>div{display:grid}.top-account strong{font-size:.82rem}.top-account small{color:var(--muted)}.avatar{color:#fff;background:var(--blue);text-transform:uppercase;border-radius:50%;place-items:center;width:37px;height:37px;font-weight:700;display:grid}.icon-button{color:#52707e;background:0 0;border:0;border-radius:11px;place-items:center;width:38px;height:38px;padding:0;display:inline-grid}.icon-button:hover{background:#e6eeeb}.icon-button svg{width:18px}.icon-button.danger,.danger{color:#bd544b!important}.mobile-menu,.menu-close,.menu-backdrop{display:none}.content{max-width:1500px;margin:auto;padding:30px clamp(20px,4vw,52px) 70px}.page-grid,.notes-layout,.health-page,.pot-layout{gap:20px;display:grid}.panel,.hero-card{background:#fff;border:1px solid #d7e0dd;border-radius:24px;box-shadow:0 12px 30px #1730430b}.panel{padding:24px}.hero-card{justify-content:space-between;align-items:center;min-height:178px;padding:clamp(25px,4vw,40px);display:flex;position:relative;overflow:hidden}.hero-card:after{content:"";background:#ffffff20;border-radius:50%;width:230px;height:230px;position:absolute;top:-90px;right:-70px}.hero-card h2{margin-bottom:8px;font-size:clamp(1.65rem,3vw,2.5rem)}.hero-card p:not(.overline){color:inherit;opacity:.78;margin:0}.hero-card>svg,.hero-icon{z-index:1;background:#ffffff25;border-radius:26px;width:84px;height:84px;padding:22px}.shopping-hero{color:#fff;background:linear-gradient(135deg,#174b65,#2c7181)}.notes-hero{color:#163246;background:linear-gradient(135deg,#f4d39f,#f2c4b2)}.health-hero{color:#fff;background:linear-gradient(135deg,#8b4f5d,#c86e69)}.pastime-hero{color:#fff;background:linear-gradient(135deg,#4b4f83,#7774a9)}.pot-hero{color:#fff;background:linear-gradient(135deg,#3d725e,#68a17b)}.users-hero{color:#fff;background:linear-gradient(135deg,#254862,#55788c)}.panel-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.panel-title h2,.panel-title h3{margin:0}.panel-title p{color:var(--muted)}.primary,.soft-button,.text-button{border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:700;display:inline-flex}.primary{color:#fff;background:var(--navy);box-shadow:0 7px 16px #102f4625}.primary:hover{background:#1a4660;transform:translateY(-1px)}.soft-button{color:var(--blue);background:#e7f0f1}.text-button{color:var(--blue);background:0 0}.primary svg,.soft-button svg,.text-button svg{width:17px}.wide{width:100%}.compact-form .form-row{grid-template-columns:2fr 1fr 1.25fr auto;gap:10px;display:grid}.compact-form .form-row.optional{grid-template-columns:1fr 2fr;margin-top:10px}.list-stack{gap:9px;display:grid}.list-row{border:1px solid #e0e7e5;border-left:5px solid var(--row-color,#dfe7e4);border-radius:16px;align-items:center;gap:12px;min-height:67px;padding:11px 10px 11px 14px;display:flex}.row-main{flex:1;gap:2px;min-width:0;display:grid}.row-main strong{text-overflow:ellipsis;overflow:hidden}.row-main span,.row-main small{color:var(--muted);font-size:.8rem}.row-actions{align-items:center;display:flex}.round-check{background:#fff;border:2px solid #aebfba;border-radius:50%;flex:0 0 25px;place-items:center;width:25px;height:25px;padding:0;display:grid}.round-check.checked{color:#fff;background:#4e9170;border-color:#4e9170}.round-check svg{width:15px}.muted-row{opacity:.63}.muted-row .row-main strong{text-decoration:line-through}.count-badge{color:var(--blue);background:#e7f0f1;border-radius:99px;padding:5px 9px;font-size:.78rem;font-weight:800}details.completed{margin-top:14px}details.completed summary,.panel>summary{cursor:pointer;justify-content:space-between;margin-bottom:12px;font-weight:700;display:flex}.chip-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:9px;display:grid}.product-chip{text-align:left;background:#f8faf9;border:1px solid #dce5e2;border-radius:15px;align-items:center;gap:10px;padding:12px;display:flex}.product-chip svg{color:var(--coral)}.product-chip span{display:grid}.product-chip small{color:var(--muted)}.tools-panel{padding:0;overflow:hidden}.tools-toggle{text-align:left;background:#fff;border:0;justify-content:space-between;align-items:center;width:100%;padding:20px 24px;display:flex}.tools-toggle span{display:grid}.tools-toggle small{color:var(--muted)}.tools-toggle svg{transition:all .2s}.tools-toggle svg.rotated{transform:rotate(90deg)}.tools-body{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 24px 24px;display:grid}.settings-block{border:1px solid var(--border);background:#f8faf9;border-radius:20px;min-width:0;padding:18px}.settings-block h4{margin:0 0 12px}.settings-block .mini-list{margin-top:12px}.settings-block .mini-form{grid-template-columns:1fr}.settings-block .mini-form.horizontal{grid-template-columns:1fr auto}.mini-form{grid-template-columns:1.5fr 1fr 1fr auto;align-items:end;gap:8px;display:grid}.mini-form h4{grid-column:1/-1;margin-bottom:0}.mini-form.horizontal{grid-template-columns:1fr auto}.mini-list{flex-wrap:wrap;gap:7px;display:flex}.mini-list span{background:#eef3f1;border-radius:10px;padding:7px 9px;font-size:.8rem}.mini-list button{vertical-align:middle;background:0 0;border:0}.mini-list svg{width:14px}.notice{color:#27664d;background:#dff1e8;border-radius:12px;margin:-8px 0;padding:10px 14px}.notice.error,.form-error{color:#a13e38;background:#f9e0dd}.empty{color:#7b8c91;text-align:center;align-content:center;place-items:center;min-height:130px;display:grid}.empty svg{opacity:.4}.search-box{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:10px;padding:9px 10px 9px 16px;display:flex}.search-box input{box-shadow:none;background:0 0;border:0}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.note-card{cursor:pointer;border:0;border-radius:20px;flex-direction:column;min-height:190px;padding:20px;display:flex;box-shadow:0 10px 20px #1730430c}.note-card h3{font-family:Fraunces,serif}.note-card p{-webkit-line-clamp:4;white-space:pre-wrap;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.note-card small{color:#5c6c70;margin-top:auto}.note-top{justify-content:space-between;min-height:34px;display:flex}.pinned{color:#b85e45;transform:rotate(-20deg)}.note-yellow{background:#fff1bd}.note-green{background:#cdebd7}.note-blue{background:#cfe4f2}.note-pink{background:#f4d5dc}.note-purple{background:#e2d8f2}.note-orange{background:#f6d0b7}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0c2535b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:25px;width:min(680px,100%);max-height:min(830px,100vh - 40px);padding:30px;position:relative;overflow:auto;box-shadow:0 30px 90px #07192399}.modal-close{background:#ffffff80;border:0;border-radius:50%;width:38px;height:38px;position:absolute;top:15px;right:15px}.note-modal textarea{background:#ffffff60;border:0;min-height:300px}.title-input{background:0 0;border:0;font-family:Fraunces,serif;font-size:1.6rem}.note-content{white-space:pre-wrap;max-height:55vh;line-height:1.7;overflow:auto}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.color-picker{gap:8px;margin-top:12px;display:flex}.color-dot input{opacity:0;position:absolute}.color-dot span{border:3px solid #fff;border-radius:50%;width:28px;height:28px;display:block;box-shadow:0 0 0 1px #9cadad}.color-dot.yellow span{background:#ffe17f}.color-dot.green span{background:#9ddcb4}.color-dot.blue span{background:#a9d3ed}.color-dot.pink span{background:#ebb0bf}.color-dot.purple span{background:#c5afe7}.color-dot.orange span{background:#edae85}.color-dot input:checked+span{box-shadow:0 0 0 3px var(--navy)}.segmented{background:#dfe8e5;border-radius:14px;gap:4px;width:fit-content;padding:5px;display:flex}.segmented button{color:#58707b;background:0 0;border:0;border-radius:10px;padding:9px 17px;font-weight:700}.segmented button.active{color:var(--navy);background:#fff;box-shadow:0 3px 10px #17304312}.appointment-grid{gap:10px;display:grid}.appointment-card{border:1px solid #e0e7e5;border-radius:18px;grid-template-columns:68px 1fr auto;align-items:center;gap:15px;padding:14px;display:grid}.health-card-main{min-width:0;color:inherit;text-align:left;background:0 0;border:0;grid-column:1/3;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:15px;padding:0;display:grid}.health-card-main:hover h3,.health-card-main:hover strong{color:#8b4f5d}.date-block{color:#fff;background:#b45e60;border-radius:17px;align-content:center;place-items:center;width:64px;height:66px;display:grid}.date-block strong{font:700 1.5rem Fraunces,serif}.date-block span{text-transform:uppercase;font-size:.65rem}.appointment-card h3{margin-bottom:4px}.appointment-card p,.appointment-card small{color:var(--muted);margin:0}.completed-health-row{width:100%;color:inherit;text-align:left;background:#fff}.health-record-list{gap:9px;display:grid}.health-record-card{border:1px solid #e0e7e5;border-radius:18px;align-items:center;gap:10px;padding:12px 10px 12px 14px;display:flex}.health-record-card .health-card-main{flex:1;grid-template-columns:48px minmax(0,1fr) 24px}.health-record-card .health-card-main>svg{color:#8a9ba1;width:18px}.record-icon{color:#fff;background:#996878;border-radius:14px;place-items:center;width:45px;height:45px;display:grid}.record-icon svg{width:21px}.kind-test{background:#4e7e89}.kind-consultation{background:#588269}.kind-procedure{background:#8b6d4f}.kind-note{background:#687293}.section-label{color:#5c717b;letter-spacing:.08em;text-transform:uppercase;margin:22px 0 10px;font-size:.8rem}.health-detail-modal{width:min(790px,100%)}.detail-date{color:var(--muted)}.health-description{white-space:pre-wrap;background:#f5f8f7;border-radius:15px;padding:14px 16px;line-height:1.6}.detail-actions{flex-wrap:wrap;gap:9px;margin:18px 0;display:flex}.detail-section{border-top:1px solid #e2e8e6;margin-top:20px;padding-top:20px}.detail-section h3,.detail-section-title h3{align-items:center;gap:8px;margin:0;font-size:1rem;display:flex}.detail-section h3 svg{color:#8b4f5d;width:18px}.detail-section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.file-picker{cursor:pointer;position:relative;overflow:hidden}.file-picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.file-list{gap:8px;display:grid}.file-list article{background:#f5f8f7;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.file-list article>svg{color:#8b4f5d;width:20px}.file-list article>span{flex:1;min-width:0;display:grid}.file-list strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-list small,.muted-copy{color:var(--muted);font-size:.78rem}.comment-list{gap:8px;margin:12px 0;display:grid}.comment-list article{background:#f5f8f7;border-radius:14px;padding:12px 44px 12px 14px;position:relative}.comment-list article>div{justify-content:space-between;gap:12px;display:flex}.comment-list small{color:var(--muted)}.comment-list p{white-space:pre-wrap;margin:8px 0 0}.comment-list .icon-button{position:absolute;top:5px;right:5px}.comment-form{grid-template-columns:1fr auto;align-items:end;gap:9px;display:grid}.comment-form textarea{min-height:76px}.health-file-search{margin-bottom:14px}.health-library{gap:9px;display:grid}.health-library article{border:1px solid #e0e7e5;border-radius:17px;align-items:center;gap:11px;padding:12px;display:flex}.health-library .record-icon{flex:0 0 45px}.library-hint{color:var(--muted);margin:16px 0 0;font-size:.8rem}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid .full{grid-column:1/-1}.health-two-col{grid-template-columns:minmax(330px,.8fr) minmax(420px,1.2fr);gap:20px;display:grid}.health-two-col .panel>label,.health-two-col .panel>textarea{margin-bottom:12px}.form-row{gap:10px;display:flex}.reading-row{grid-template-columns:30px repeat(3,1fr);align-items:center;gap:8px;margin-bottom:8px;display:grid}.reading-row>span{color:#fff;background:var(--blue);border-radius:50%;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.bp-list{gap:9px;display:grid}.bp-list article{background:#f5f8f7;border-radius:16px;align-items:center;gap:14px;padding:12px;display:flex}.bp-list article>div:nth-child(2){flex:1;display:grid}.bp-list small{color:var(--muted)}.bp-value{color:#934e57;min-width:86px}.bp-value strong{font:700 1.5rem Fraunces,serif}.med-card{border:1px solid #e0e7e5;border-radius:17px;align-items:center;gap:12px;padding:12px;display:flex}.med-icon{color:#fff;background:#7f4c68;border-radius:13px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.word-controls{gap:10px;display:flex}.word-controls.full-controls{background:#f7faf9;border:1px solid #dde5e2;border-radius:17px;flex-wrap:wrap;align-items:end;padding:14px}.word-controls.full-controls label{min-width:120px;color:var(--muted);gap:6px;font-size:.78rem;font-weight:700;display:grid}.word-controls.full-controls label:first-child{flex:1;min-width:190px}.word-controls.full-controls input,.word-controls.full-controls select,.word-controls.full-controls .primary{min-height:44px}.word-game{grid-template-columns:minmax(340px,650px) 1fr;gap:30px;margin-top:22px;display:grid}.word-grid{aspect-ratio:var(--word-columns,12) / var(--word-rows,12);grid-template-columns:repeat(var(--word-columns,12), 1fr);grid-template-rows:repeat(var(--word-rows,12), 1fr);touch-action:none;-webkit-user-select:none;user-select:none;background:#e3e4ef;border-radius:18px;gap:3px;padding:9px;display:grid}.word-grid span{cursor:crosshair;background:#fff;border-radius:7px;place-items:center;font-size:clamp(.7rem,1.5vw,1rem);font-weight:800;transition:background .12s,color .12s,transform .12s;display:grid}.word-grid span.selecting{color:#593c0d;background:#f7d98f;transform:scale(.94)}.word-grid span.found{color:#123f2a;background:#7bc69d}.word-grid span.solution:not(.found){color:#194f6c;background:#b9ddef}.word-progress{min-height:42px;color:var(--muted);justify-content:space-between;gap:14px;margin:12px 0 4px;font-size:.84rem;display:flex}.word-progress span{color:#46745e;font-weight:700}.word-help{color:var(--muted);margin:8px 0 0;font-size:.78rem}.word-side{align-content:start;gap:16px;display:grid}.word-list{flex-wrap:wrap;align-content:flex-start;gap:8px;display:flex}.word-list span{color:#5d5d80;background:#f6f6fa;border:1px solid #d8d9e6;border-radius:99px;padding:8px 12px;font-weight:700}.word-list span.found{color:#fff;background:#4d8569;text-decoration:line-through}.word-list svg{vertical-align:middle;width:14px}.word-actions{flex-wrap:wrap;gap:9px;display:flex}.word-saves{background:#fbfcfc;border:1px solid #e0e7e5;border-radius:16px;margin-top:12px}.word-saves summary{cursor:pointer;align-items:center;gap:8px;padding:12px 14px;font-weight:750;display:flex}.word-saves summary::marker{color:#557269}.word-save-list{gap:7px;padding:0 10px 10px;display:grid}.word-save-list article{background:#f1f5f3;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px;display:grid}.word-save-list article.active{background:#e9f3ee;box-shadow:inset 3px 0 #4d8569}.word-save-list article>button:first-child{text-align:left;cursor:pointer;background:0 0;border:0;gap:3px;min-width:0;padding:5px 7px;display:grid}.word-save-list article strong,.word-save-list article small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.word-save-list article small{color:var(--muted)}.pot-layout{grid-template-columns:minmax(240px,.55fr) minmax(460px,1.45fr)}.pot-layout .hero-card{grid-column:1/-1}.pot-list{grid-row:span 2}.pot-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #e2e8e6;justify-content:space-between;align-items:center;width:100%;padding:14px 5px;display:flex}.pot-row.active{color:#347052}.pot-row span{gap:3px;display:grid}.pot-row small{color:var(--muted)}.pot-empty{text-align:center;color:var(--muted);align-content:center;place-items:center;display:grid}.pot-detail h4{margin:24px 0 10px}.pot-total{text-align:right;display:grid}.pot-total strong{font:700 1.7rem Fraunces,serif}.balance-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;display:grid}.balance-grid article{background:#f3f7f5;border-radius:15px;padding:13px;display:grid}.balance-grid span{color:var(--muted);font-size:.75rem}.balance-grid b{margin-top:7px}.positive{color:#3b7c5b}.negative{color:#b14e4e}.finance-page{gap:18px;display:grid}.finance-hero{color:#fff;background:linear-gradient(135deg,#163e55,#265f70 65%,#3b7b7c)}.finance-hero h2{color:#fff}.finance-hero p{color:#d9e9ec}.finance-hero .overline{color:#fff;opacity:.9}.finance-hero>svg{color:#fff;background:#ffffff18}.finance-tabs{max-width:100%;overflow-x:auto}.finance-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.finance-kpis article{background:#fff;border:1px solid #dfe8e5;border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:4px 11px;min-width:0;padding:18px;display:grid;box-shadow:0 10px 24px #1730430a}.finance-kpis article.warning{background:#fff8f6;border-color:#efc1ba}.finance-kpis small{color:var(--muted)}.finance-kpis strong{overflow-wrap:anywhere;min-width:0;font:700 clamp(1.25rem,2.1vw,1.85rem) Fraunces,serif}.kpi-icon{color:#fff;border-radius:14px;grid-row:1/3;place-items:center;width:44px;height:44px;display:grid}.kpi-icon svg{width:21px}.kpi-icon.balance{background:#315e75}.kpi-icon.income{background:#4f8a68}.kpi-icon.expense{background:#bb675c}.kpi-icon.safe{background:#78699a}.finance-summary{gap:18px;display:grid}.forecast-panel{overflow:hidden}.forecast-warning{color:#735542;background:#fbeddc;border-radius:12px;align-items:center;gap:6px;padding:8px 11px;font-size:.82rem;display:flex}.forecast-warning svg{width:17px}.forecast-chart{grid-template-columns:repeat(12,minmax(42px,1fr));align-items:end;gap:10px;height:260px;padding:18px 6px 0;display:grid;overflow-x:auto}.forecast-chart article{text-align:center;grid-template-rows:1fr auto auto;gap:5px;min-width:42px;height:100%;display:grid}.forecast-bars{border-bottom:1px solid #dce5e2;justify-content:center;align-items:end;gap:4px;min-height:40px;display:flex}.forecast-bars span{border-radius:6px 6px 2px 2px;width:min(16px,38%);min-height:3px;transition:height .2s}.income-bar{background:#67a17c}.expense-bar{background:#d47a6e}.forecast-chart strong{text-transform:capitalize;font-size:.72rem}.forecast-chart small{white-space:nowrap;font-size:.68rem}.chart-legend{color:var(--muted);justify-content:center;gap:18px;margin-top:14px;font-size:.78rem;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{border-radius:50%;width:9px;height:9px}.income-dot{background:#67a17c}.expense-dot{background:#d47a6e}.finance-summary-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:18px;display:grid}.budget-progress-list{gap:14px;display:grid}.budget-progress-list article{grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:7px 12px;display:grid}.budget-progress-list article>div{justify-content:space-between;gap:10px;min-width:0;display:flex}.budget-progress-list span{color:var(--muted);font-size:.78rem}.budget-progress-list progress{border:0;border-radius:99px;grid-column:1;width:100%;height:9px;overflow:hidden}.budget-progress-list progress::-webkit-progress-bar{background:#e8eeec}.budget-progress-list progress::-webkit-progress-value{background:#4f8771;border-radius:99px}.balance-form{grid-template-columns:1fr auto;gap:9px;margin-top:16px;display:grid}.finance-two-col{grid-template-columns:minmax(300px,.72fr) minmax(440px,1.28fr);align-items:start;gap:18px;display:grid}.finance-form{gap:12px;display:grid;position:sticky;top:92px}.finance-form .form-row{grid-template-columns:1fr 1fr;display:grid}.finance-filters{grid-template-columns:1fr 155px;gap:10px;margin-bottom:14px;display:grid}.finance-movement-list,.recurring-grid{gap:9px;display:grid}.finance-movement-list article,.recurring-grid article{border:1px solid #e0e7e5;border-radius:17px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;min-width:0;padding:12px;display:grid}.recurring-grid article.inactive{opacity:.55;background:#f4f6f5}.movement-icon{border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.movement-icon svg{width:20px}.movement-icon.income{color:#347157;background:#dcefe4}.movement-icon.expense{color:#a44945;background:#f8e0dc}.finance-movement-list .row-main,.recurring-grid .row-main{gap:2px;min-width:0;display:grid}.finance-movement-list .row-main span,.finance-movement-list .row-main small,.recurring-grid span,.recurring-grid small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.finance-movement-list article>b,.recurring-grid article>b{white-space:nowrap}.budget-category-grid{gap:10px;display:grid}.budget-category-grid form{border:1px solid #e0e7e5;border-radius:16px;grid-template-columns:18px minmax(145px,1.3fr) minmax(110px,.7fr) minmax(100px,.65fr) minmax(135px,.8fr) auto auto;align-items:end;gap:8px;padding:11px;display:grid}.budget-category-grid label{margin:0}.category-swatch{background:#668ca4;border-radius:8px;align-self:end;width:14px;height:44px}.category-swatch.green{background:#68a17d}.category-swatch.orange{background:#d28b58}.category-swatch.pink{background:#c47785}.category-swatch.purple{background:#8372a4}.category-swatch.yellow{background:#c5a650}.new-category-form{grid-template-columns:1.4fr .8fr .7fr .8fr auto;align-items:end;gap:8px;margin-top:16px;display:grid}.import-panel{gap:16px;display:grid}.import-controls{grid-template-columns:minmax(220px,1fr) minmax(180px,.6fr) auto;align-items:end;gap:10px;display:grid}.file-drop{color:#506d78;text-align:center;cursor:pointer;background:#f7faf9;border:1px dashed #9fb4b6;border-radius:18px;align-content:center;place-items:center;gap:5px;min-height:98px;display:grid;position:relative}.file-drop svg{width:25px}.file-drop small{color:var(--muted)}.file-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.import-preview{gap:14px;display:grid}.import-stats{flex-wrap:wrap;gap:8px;display:flex}.import-stats span{color:#4d6670;background:#edf3f1;border-radius:11px;padding:8px 11px;font-size:.8rem}.import-table-wrap{border:1px solid #e0e7e5;border-radius:16px;overflow:auto}.import-table-wrap table{border-collapse:collapse;width:100%;font-size:.82rem}.import-table-wrap th,.import-table-wrap td{text-align:left;white-space:nowrap;border-bottom:1px solid #e8edeb;padding:10px 12px}.import-table-wrap th{color:#536b75;background:#f2f6f4;position:sticky;top:0}.import-table-wrap tr.duplicate{opacity:.55;background:#f5f5f5}.import-actions{justify-content:flex-end;gap:10px;display:flex}.contribution-form{grid-template-columns:1fr .65fr 1.2fr auto;margin-top:10px}.settlements{background:#e4f1ea;border-radius:16px;margin-top:18px;padding:14px}.settlements p{margin:7px 0}.users-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.user-card{border:1px solid #e0e7e5;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:15px;display:grid}.user-card>div{display:grid}.user-card small{color:var(--muted)}.permission-list{flex-wrap:wrap;grid-column:1/-1;gap:7px;display:flex!important}.permission-list label{background:#eef3f1;border-radius:9px;align-items:center;gap:5px;padding:6px 8px;display:flex}.permission-list input,.check input{width:auto}.large-avatar{width:48px;height:48px}.permissions{border:1px solid #dce5e2;border-radius:14px;gap:14px;padding:14px;display:flex}.permissions label{align-items:center;gap:5px;display:flex}.permissions input{width:auto}.account-layout{grid-template-columns:minmax(260px,.65fr) minmax(400px,1.35fr);gap:20px;display:grid}.profile-card{text-align:center}.profile-avatar{width:88px;height:88px;margin:0 auto 18px;font-size:2rem}.profile-flags{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.profile-flags span{color:#416272;background:#e9f0ee;border-radius:99px;align-items:center;gap:5px;padding:8px 11px;font-size:.8rem;display:flex}.profile-flags svg{width:15px}.account-layout .panel .soft-button{margin-left:8px}.splash{text-align:center;align-content:center;place-items:center;min-height:100vh;display:grid}.splash h1{margin:18px 0 5px}.login-page{grid-template-columns:minmax(420px,1.15fr) minmax(380px,.85fr);min-height:100vh;display:grid}.login-story{color:#fff;background:linear-gradient(145deg,#102f46,#1c526a 70%,#377783);flex-direction:column;justify-content:space-between;padding:clamp(40px,7vw,100px);display:flex;position:relative;overflow:hidden}.login-story:before,.login-story:after{content:"";border:1px solid #ffffff18;border-radius:50%;position:absolute}.login-story:before{width:500px;height:500px;top:-220px;right:-180px}.login-story:after{width:360px;height:360px;bottom:-180px;left:-180px}.brand-pill{background:#ffffff0d;border:1px solid #ffffff20;border-radius:99px;align-items:center;gap:8px;width:fit-content;padding:9px 13px;display:flex}.brand-pill-logo{object-fit:cover;border-radius:7px;width:20px;height:20px}.login-story h1{margin:20px 0;font-size:clamp(2.8rem,6vw,5.4rem);line-height:.98}.login-story h1 em{color:#f0b49c;font-style:normal}.login-story>div>p:not(.overline){color:#bdd2da;max-width:560px;font-size:1.08rem}.story-cards{flex-wrap:wrap;gap:9px;display:flex}.story-cards span{color:#dbe8ec;background:#ffffff0c;border-radius:12px;align-items:center;gap:7px;padding:9px 13px;display:flex}.story-cards svg{width:17px}.login-panel{background:#f6f4ef;place-items:center;padding:35px;display:grid}.login-card{gap:16px;width:min(420px,100%);display:grid}.login-card>img{border-radius:22px;width:76px;height:76px;box-shadow:0 12px 24px #17304324}.login-card h2{margin:-8px 0 5px;font-size:2rem}.login-card .check{grid-template-columns:auto 1fr;align-items:center;gap:8px;display:flex}.login-card>small{color:var(--muted);text-align:center}@media (width<=900px){.finance-kpis{grid-template-columns:1fr 1fr}.finance-summary-grid,.finance-two-col{grid-template-columns:1fr}.finance-form{position:static}.budget-category-grid form{grid-template-columns:16px 1fr 1fr}.budget-category-grid form>label{grid-column:span 2}.new-category-form{grid-template-columns:1fr 1fr}.new-category-form .primary{grid-column:1/-1}.import-controls{grid-template-columns:1fr 1fr}.file-drop{grid-column:1/-1}.tools-body{grid-template-columns:1fr}.app-shell{display:block}.sidebar{width:min(310px,88vw);transition:all .25s;position:fixed;left:0;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.menu-close,.mobile-menu{display:inline-grid}.menu-close{color:#fff;margin-left:auto}.menu-backdrop{z-index:35;background:#081b27a8;border:0;display:block;position:fixed;inset:0}.top-account>div{display:none}.content{padding:20px 14px 55px}.health-two-col,.pot-layout,.account-layout{grid-template-columns:1fr}.pot-layout .hero-card{grid-column:auto}.pot-list{grid-row:auto}.word-game,.login-page{grid-template-columns:1fr}.login-story{min-height:42vh;padding:30px}.login-story h1{font-size:clamp(2.6rem,12vw,4.2rem)}.login-panel{padding:35px 24px}}@media (width<=620px){.finance-kpis{grid-template-columns:1fr}.finance-tabs button{flex:none}.forecast-panel{padding-left:14px;padding-right:14px}.forecast-panel .panel-title{align-items:flex-start}.forecast-warning{width:100%}.finance-two-col{display:block}.finance-two-col>*+*{margin-top:16px}.finance-form .form-row,.finance-filters,.balance-form,.new-category-form,.import-controls{grid-template-columns:1fr}.finance-movement-list article,.recurring-grid article{grid-template-columns:auto minmax(0,1fr) auto;align-items:start}.finance-movement-list article>b,.recurring-grid article>b{grid-area:1/3}.finance-movement-list .row-actions,.recurring-grid .row-actions{flex-direction:row;grid-column:2/-1;justify-content:flex-end}.budget-category-grid form{grid-template-columns:14px 1fr}.budget-category-grid form>*,.budget-category-grid form>label{grid-column:2}.budget-category-grid form>.category-swatch{grid-area:1/1/7;height:100%;min-height:44px}.new-category-form .primary,.file-drop{grid-column:auto}.import-actions{flex-direction:column}.import-actions button{width:100%}.topbar{min-height:72px;padding:12px 15px}.page-heading h1{font-size:1.28rem}.top-account .avatar{display:none}.hero-card{min-height:160px;padding:24px}.hero-card>svg,.hero-icon{width:58px;height:58px;padding:14px}.compact-form .form-row,.compact-form .form-row.optional,.mini-form,.contribution-form,.form-grid{grid-template-columns:1fr}.compact-form .primary,.form-grid .full,.mini-form h4{grid-column:auto}.list-row{align-items:flex-start}.row-actions{flex-direction:column}.search-box{flex-wrap:wrap}.search-box input{flex:1;min-width:180px}.search-box .primary{width:100%}.notes-grid{grid-template-columns:1fr}.segmented{width:100%;overflow-x:auto}.segmented button{white-space:nowrap;flex:1}.appointment-card{grid-template-columns:58px 1fr}.appointment-card .health-card-main{grid-template-columns:58px minmax(0,1fr)}.appointment-card .row-actions{flex-direction:row;grid-column:2}.date-block{width:54px;height:58px}.reading-row{grid-template-columns:26px 1fr 1fr}.reading-row input:last-child{grid-column:2/-1}.med-card{align-items:flex-start}.med-card .row-actions{align-items:stretch}.word-controls{flex-direction:column}.word-progress{flex-direction:column;gap:4px}.word-panel{padding:14px}.word-grid{gap:2px;padding:6px}.permissions{flex-direction:column}.modal{padding:25px 18px}.modal-actions{flex-wrap:wrap}.modal-actions button{flex:1}.detail-actions>*{flex:145px}.comment-form{grid-template-columns:1fr}.comment-form .primary{width:100%}.detail-section-title{align-items:flex-start}.health-library article{flex-wrap:wrap;align-items:flex-start}.health-library .row-main{min-width:calc(100% - 62px)}.health-library .soft-button{flex:1}.login-story{min-height:38vh}.story-cards{display:none}}
