@font-face{font-family:Vazir;src:url('/fonts/Vazir-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Vazir;src:url('/fonts/Vazir-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Vazir;src:url('/fonts/Vazir-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{color-scheme:light;--surface:#fff;--surface-muted:#f3f6f8;--surface-hover:#edf3f5;--surface-subtle:#fafbfc;--input-border:#d4dfe5;--secondary-text:#536978;--primary:#197b61;--primary-hover:#14644e;--blue-soft:#edf2fb;--expense-bar:#b9c8d5;--chart-grid:#eff3f5;--topbar:#ffffffc4;--chart-empty:#ffffffd9;--access-glow:#d7eee5;--access-bg:#f3f6f7;--warning:#856627;--navy:#172f3c;--navy-dark:#122631;--green:#197b61;--green-soft:#e8f5ee;--red:#ce6464;--red-soft:#fbefef;--blue:#547ab8;--text:#253c49;--muted:#657a89;--line:#e8edf0;--bg:#f4f6f8;--white:#fff;--radius:18px;--shadow:0 5px 25px #1a364008;--font:Vazir,Tahoma,'Segoe UI',sans-serif}
:root[data-theme="dark"]{color-scheme:dark;--navy:#142c39;--navy-dark:#101f29;--green:#80d8b6;--green-soft:#163c32;--red:#ee9999;--red-soft:#422b33;--blue:#93b9ed;--text:#e4edf3;--muted:#9badbb;--line:#2c404e;--bg:#0d1720;--white:#182630;--surface:#182630;--surface-muted:#20323e;--surface-hover:#253d49;--surface-subtle:#14212b;--input-border:#39505e;--secondary-text:#c3d2de;--primary:#217155;--primary-hover:#286e56;--blue-soft:#20344b;--expense-bar:#758b9f;--chart-grid:#2c404e;--topbar:#14212be8;--chart-empty:#182630e8;--access-glow:#17362f;--access-bg:#0d1720;--warning:#e0be76;--shadow:0 5px 25px #00000018;}
@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--navy:#142c39;--navy-dark:#101f29;--green:#80d8b6;--green-soft:#163c32;--red:#ee9999;--red-soft:#422b33;--blue:#93b9ed;--text:#e4edf3;--muted:#9badbb;--line:#2c404e;--bg:#0d1720;--white:#182630;--surface:#182630;--surface-muted:#20323e;--surface-hover:#253d49;--surface-subtle:#14212b;--input-border:#39505e;--secondary-text:#c3d2de;--primary:#217155;--primary-hover:#286e56;--blue-soft:#20344b;--expense-bar:#758b9f;--chart-grid:#2c404e;--topbar:#14212be8;--chart-empty:#182630e8;--access-glow:#17362f;--access-bg:#0d1720;--warning:#e0be76;--shadow:0 5px 25px #00000018;}}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.8}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--green);text-decoration:none}svg{flex-shrink:0;vertical-align:middle}button:focus-visible,a:focus-visible{outline:3px solid #65c9a4;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px #238c7014}h1,h2,h3,p{margin:0}h1{font-size:1.65rem;letter-spacing:-.7px}h2{font-size:1.06rem}h3{font-size:1rem}small{font-size:.8rem}button{border:0}input,select,textarea{min-width:0;width:100%;padding:10px 13px;min-height:46px;background:var(--surface);border:1px solid var(--input-border);border-radius:10px;color:var(--text);font-size:.9rem}textarea{resize:vertical;min-height:80px}input::placeholder{color:var(--muted)}input[type=color]{padding:5px;max-width:100%;height:46px}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--green);flex-shrink:0}input[type=radio]{width:18px;min-height:18px;accent-color:var(--green)}[hidden]{display:none!important}.boot{height:100vh;display:grid;place-content:center;text-align:center;gap:12px}.boot strong{font-size:2rem;color:var(--green)}.boot span{color:var(--muted)}
.sidebar{position:fixed;right:0;top:0;bottom:0;width:232px;background:var(--navy);color:#b5c3cc;display:flex;flex-direction:column;padding:30px 19px;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:white;padding:0 12px 33px}.brand-mark{width:43px;height:43px;border-radius:13px;background:#77d6ad;color:var(--navy);display:grid;place-items:center}.brand strong{display:block;font-size:1.45rem;line-height:1.5}.brand small{font-size:.76rem;color:#94a8b4}.nav-label{font-size:.75rem;color:#78909e;padding:17px 15px 9px}.nav-btn{width:100%;display:flex;align-items:center;gap:13px;padding:12px 15px;border-radius:11px;background:transparent;color:#b7c7d0;text-align:right;font-size:.9rem;margin:3px 0;transition:.18s}.nav-btn:hover{background:#ffffff0a;color:white}.nav-btn.active{background:#ffffff10;color:#8adfbb;box-shadow:inset -3px 0 #77d6ad}.nav-btn svg{opacity:.85}.sidebar-footer{margin-top:auto;border-top:1px solid #ffffff10;padding:21px 10px 0;display:flex;align-items:center;gap:10px;font-size:.82rem}.sidebar-footer small{display:block;color:#77909f}.main{margin-right:232px;min-height:100vh}.topbar{height:80px;border-bottom:1px solid var(--line);background:var(--topbar);display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:16px}.breadcrumb{font-size:.84rem;color:var(--muted);display:flex;align-items:center;gap:9px}.breadcrumb strong{color:var(--muted);font-weight:400}.top-actions{display:flex;align-items:center;gap:19px}.today-label{color:var(--muted);font-size:.84rem;display:flex;align-items:center;gap:9px}.avatar{background:var(--surface-muted);color:var(--text);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:.85rem}.content{padding:28px 34px 40px;max-width:1600px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.page-heading p{color:var(--muted);font-size:.84rem;margin-top:4px}.heading-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:9px 16px;min-height:42px;border-radius:10px;font-size:.87rem;font-weight:500;white-space:nowrap;transition:.18s}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 4px 10px #238c701b}.btn.primary:hover{background:var(--primary-hover)}.btn.secondary{background:var(--surface);border:1px solid var(--line);color:var(--muted)}.btn.secondary:hover{background:var(--surface-subtle);border-color:var(--input-border)}.btn.ghost{background:transparent;color:var(--muted);padding:6px 10px}.btn.ghost:hover{background:var(--surface-hover)}.btn.danger{background:#ce6464;color:white}.btn.small{min-height:34px;padding:5px 10px;font-size:.8rem}.icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;background:transparent;color:var(--muted);flex-shrink:0}.icon-btn:hover{background:var(--surface-hover);color:var(--green)}.icon-btn.danger:hover{background:var(--red-soft);color:var(--red)}.rotate svg{transform:rotate(180deg)}.mobile-menu{display:none}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 24px 18px}.panel-head h2{display:flex;align-items:center;gap:9px}.panel-head p{color:var(--muted);font-size:.8rem;margin-top:4px}.panel-body{padding:0 24px 24px}.badge{display:inline-flex;align-items:center;gap:5px;background:var(--surface-muted);color:var(--muted);border-radius:6px;padding:3px 8px;font-size:.75rem}.badge.income{background:var(--green-soft);color:var(--green)}.badge.expense{background:var(--red-soft);color:var(--red)}.badge.transfer{background:var(--blue-soft);color:var(--blue)}.muted{color:var(--muted)}.tiny{font-size:.78rem}.flex{display:flex;align-items:center;gap:10px}.stack{display:flex;flex-direction:column;gap:4px}.grow{flex:1}.full{grid-column:1/-1}.text-left{text-align:left}.number{font-variant-numeric:tabular-nums;direction:ltr;display:inline-block;white-space:nowrap}.money-unit{font-size:.77rem;font-weight:400;margin-right:5px;color:var(--muted)}.positive{color:var(--green)}.negative{color:var(--red)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat{padding:21px 22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden;min-height:150px}.stat.balance{background:var(--navy);color:white;border-color:var(--navy)}.stat-head{display:flex;align-items:center;justify-content:space-between;font-size:.84rem;color:var(--muted)}.stat.balance .stat-head{color:#a4becb}.stat-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--surface-muted);color:var(--muted)}.stat.balance .stat-icon{background:#ffffff10;color:#7dd5b1}.stat-icon.income{background:var(--green-soft);color:var(--green)}.stat-icon.expense{background:var(--red-soft);color:var(--red)}.stat-value{font-size:1.55rem;font-weight:700;margin-top:15px;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;line-height:1.6}.stat.balance .money-unit{color:#8eb4c4}.stat-note{font-size:.75rem;color:var(--muted);margin-top:8px}.stat.balance .stat-note{color:#93b6c6}.dashboard-charts{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,1fr);gap:24px;margin-bottom:24px}.legend{display:flex;gap:15px;font-size:.76rem;color:var(--muted)}.legend span{display:flex;align-items:center;gap:6px}.swatch{width:8px;height:8px;border-radius:3px;display:inline-block;background:var(--green)}.swatch.expense{background:var(--expense-bar)}.bar-chart{height:220px;display:flex;direction:rtl;gap:16px;padding:14px 16px 0;align-items:flex-end;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 45px,var(--chart-grid) 46px,var(--chart-grid) 47px);margin:0 24px 24px;border-bottom:1px solid var(--line)}.bar-group{flex:1;min-width:0;height:100%;display:flex;gap:7px;align-items:flex-end;justify-content:center;position:relative;padding-bottom:28px}.bar{width:24px;max-width:40%;border-radius:5px 5px 0 0;background:#3a9d7e;min-height:3px;position:relative}.bar.expense{background:var(--expense-bar)}.bar-group .bar-label{position:absolute;bottom:1px;left:0;right:0;text-align:center;font-size:.75rem;color:var(--muted)}.chart-empty{position:absolute;left:0;right:0;top:70px;text-align:center;color:var(--muted);font-size:.84rem;background:var(--chart-empty);padding:10px}.donut-wrap{display:flex;justify-content:center;position:relative;min-height:174px;align-items:center}.donut{width:150px;height:150px;border-radius:50%;background:var(--surface-muted);display:grid;place-items:center;transform:rotate(-90deg)}.donut-inner{width:118px;height:118px;border-radius:50%;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(90deg);font-size:.8rem;color:var(--muted)}.donut-inner strong{font-size:1.02rem;color:var(--text);margin-top:4px}.category-legend{display:grid;gap:10px;margin-top:18px}.category-line{display:flex;justify-content:space-between;gap:10px;font-size:.8rem}.category-line>span:first-child{display:flex;align-items:center;gap:8px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:24px}.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.account-card{padding:23px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden}.account-card::before{content:'';height:4px;position:absolute;left:0;right:0;top:0;background:var(--account-color,var(--green))}.account-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--account-color,var(--green)) 12%,var(--surface));color:var(--account-color,var(--green))}.account-card-top{display:flex;align-items:center;gap:12px}.account-card-top h3{font-size:.96rem}.account-card-top small{color:var(--muted)}.account-value{margin:25px 0 13px;font-size:1.5rem;font-weight:700}.account-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.78rem;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}.account-preview{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.account-preview:last-child{border-bottom:0}.account-preview .account-icon{width:40px;height:40px}.account-preview strong{font-size:.85rem}.account-preview .number{font-size:.92rem}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px;text-align:center}.empty-icon{width:64px;height:64px;background:var(--green-soft);border-radius:20px;color:var(--green);display:grid;place-items:center;margin-bottom:4px}.empty strong{font-size:.96rem;font-weight:500}.empty p{font-size:.83rem;color:var(--muted);max-width:360px}.empty .btn{margin-top:4px}.onboard{display:flex;align-items:center;gap:15px;border:1px solid var(--line);background:var(--green-soft);border-radius:14px;padding:16px 20px;margin-bottom:24px}.onboard>svg{color:var(--green)}.onboard strong{font-size:.88rem}.onboard p{font-size:.8rem;color:var(--muted)}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:.84rem}th{font-size:.78rem;font-weight:400;color:var(--muted);background:var(--surface-subtle);padding:13px 18px;text-align:right;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:16px 18px;border-bottom:1px solid var(--line)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--surface-subtle)}.tx-desc{display:flex;align-items:center;gap:12px;min-width:180px}.tx-desc .tx-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.tx-icon.income{background:var(--green-soft);color:var(--green)}.tx-icon.expense{background:var(--red-soft);color:var(--red)}.tx-icon.transfer{background:var(--blue-soft);color:var(--blue)}.tx-desc strong{display:block;max-width:260px;white-space:normal;font-size:.84rem;font-weight:400;overflow-wrap:anywhere}.tx-desc small{display:block;font-size:.73rem;color:var(--muted)}.actions-cell{display:flex;align-items:center;gap:3px;justify-content:flex-end}.page-footer{padding:15px 22px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}.pagination{display:flex;align-items:center;gap:9px}.tabs{display:flex;align-items:center;gap:5px;background:var(--surface-muted);padding:4px;border-radius:10px;width:max-content;max-width:100%;margin-bottom:20px}.tab{background:transparent;color:var(--muted);padding:8px 16px;border-radius:8px;font-size:.85rem}.tab.active{background:var(--surface);color:var(--text);box-shadow:0 2px 5px #1637430a}.filter-panel{padding:20px 22px;margin-bottom:20px}.filter-top{display:flex;gap:12px;align-items:center}.search-input{position:relative;flex:1}.search-input>svg{position:absolute;right:13px;top:13px;color:var(--muted)}.search-input input{padding-right:42px}.filters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.filters-grid label{display:flex;flex-direction:column;gap:7px;font-size:.79rem;color:var(--muted)}.filters-grid input,.filters-grid select{font-size:.83rem;min-height:42px}.filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:16px}.filter-chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.filter-chip{padding:3px 9px;border-radius:6px;background:var(--green-soft);color:var(--green);font-size:.75rem}.filter-summary{display:flex;gap:22px;margin:18px 0;font-size:.85rem;flex-wrap:wrap}.filter-summary span{display:flex;align-items:center;gap:8px}.person-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.person-card{display:flex;align-items:center;gap:14px;padding:22px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}.person-avatar{width:49px;height:49px;border-radius:15px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:1.1rem;flex-shrink:0}.person-avatar.member{background:var(--green-soft);color:var(--green)}.person-card h3{font-size:.9rem;overflow-wrap:anywhere}.person-card small{color:var(--muted);font-size:.77rem}.person-card .icon-btn{width:28px;height:28px}.category-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.category-item{display:flex;align-items:center;gap:10px;padding:11px 18px;border-top:1px solid var(--line)}.category-item .category-name{font-size:.87rem;overflow-wrap:anywhere}.category-item.child{padding-right:42px;color:var(--muted)}.category-item .actions-cell{margin-right:auto}.tags-list{display:flex;gap:12px;flex-wrap:wrap;padding:22px}.tag-card{display:flex;align-items:center;gap:9px;background:var(--surface-muted);border:1px solid var(--line);padding:8px 12px;border-radius:10px;font-size:.85rem}.tag-card .icon-btn{width:26px;height:26px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.setting-block{padding:22px 24px}.setting-block p{font-size:.87rem;color:var(--muted);margin-top:10px}.setting-block h2{display:flex;align-items:center;gap:10px}.setting-block .btn{margin-top:18px}.backup-file{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid var(--line);padding:13px 0;font-size:.8rem}.backup-file code{font-size:.73rem;overflow-wrap:anywhere;direction:ltr}.help-list{font-size:.86rem;color:var(--muted);padding:0 18px;margin:12px 0}.help-list li{margin:9px 0}.report-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.report-bars{padding:0 24px 24px}.report-bar-row{margin-bottom:17px}.report-bar-row>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:.84rem;margin-bottom:7px}.progress-track{height:7px;border-radius:5px;background:var(--surface-muted);overflow:hidden}.progress-fill{height:100%;border-radius:5px;min-width:2px}.notice{padding:12px 15px;background:var(--surface-muted);border-radius:10px;color:var(--muted);font-size:.82rem;margin-top:16px}
dialog{border:0;box-shadow:0 24px 100px #12263140;border-radius:20px;color:var(--text);padding:0;width:min(620px,calc(100vw - 32px));max-height:90vh;overflow:auto;background:var(--surface)}dialog::backdrop{background:#12263170;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:1.1rem}.modal-content{padding:22px 26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px;font-size:.85rem}.field label{color:var(--muted)}.field small{color:var(--muted);font-size:.76rem}.field.error input{border-color:var(--red)}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 26px;background:var(--surface-subtle);border-top:1px solid var(--line)}.form-error{padding:10px 14px;background:var(--red-soft);color:var(--red);border-radius:9px;font-size:.85rem;margin-bottom:16px}.date-input{position:relative}.date-input input{padding-left:42px;direction:ltr;text-align:right}.date-input .icon-btn{position:absolute;left:6px;top:6px}.segment{display:flex;gap:5px;background:var(--surface-muted);padding:5px;border-radius:11px;margin-bottom:22px}.segment button{flex:1;min-height:40px;border-radius:8px;background:transparent;color:var(--muted);font-size:.87rem}.segment .active{background:var(--surface);box-shadow:0 2px 5px #12263110;color:var(--green)}.segment .active.expense{color:var(--red)}.segment .active.transfer{color:var(--blue)}.check-row{display:flex;align-items:center;gap:9px;font-size:.85rem}.tag-options{display:flex;gap:8px;flex-wrap:wrap}.tag-option{display:flex;align-items:center;gap:6px;background:var(--surface-muted);border:1px solid var(--line);padding:5px 8px;border-radius:7px;font-size:.79rem}.tag-option input{width:15px;min-height:15px}.archive-label{font-size:.8rem;color:var(--muted)}#toasts{position:fixed;bottom:25px;left:25px;z-index:100;display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 40px)}.toast{background:var(--navy);color:white;display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:12px;box-shadow:0 8px 35px #12263128;font-size:.85rem;animation:toast-in .2s ease}.toast.error{background:#a44d4d}.toast svg{color:#8cdeb8}.toast.error svg{color:white}@keyframes toast-in{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}#calendar{width:340px;z-index:90;padding:15px;border-radius:16px}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.calendar-select{display:flex;align-items:center;gap:6px;max-width:230px}.calendar-select select{width:125px;min-height:38px;padding:5px 8px;font-size:.86rem}.calendar-select input{width:77px;min-height:38px;padding:5px 8px;text-align:center;font-size:.86rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.weekday{font-size:.8rem;color:var(--muted);padding:5px}.day{background:transparent;height:35px;border-radius:9px;font-size:.85rem;color:var(--muted)}.day:hover{background:var(--green-soft)}.day.today{box-shadow:inset 0 0 0 1px #7bbba0;color:var(--green)}.day.selected{background:var(--primary);color:white}.calendar-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px;margin-top:12px}.mobile-overlay{display:none}.loading-panel{padding:80px;text-align:center;color:var(--muted)}
@media(min-width:1600px){.content{padding:35px 45px}.topbar{padding:0 45px}.stat-value{font-size:1.85rem}.stat{min-height:170px}}
@media(max-width:1150px){.sidebar{width:204px;padding:25px 13px}.main{margin-right:204px}.content{padding:24px}.topbar{padding:0 24px}.stats{gap:12px}.stat{padding:17px}.stat-value{font-size:1.28rem}.dashboard-charts{gap:18px;grid-template-columns:1.4fr 1fr}.account-grid,.person-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.today-label{font-size:.77rem}}
@media(max-width:900px){.sidebar{width:76px;padding:24px 10px}.brand{padding:0 6px 30px}.brand>div:last-child,.nav-label,.nav-btn>span,.sidebar-footer>div{display:none}.nav-btn{justify-content:center;padding:14px 5px;margin:8px 0}.sidebar-footer{justify-content:center;padding:20px 0 0}.main{margin-right:76px}.dashboard-charts{grid-template-columns:1.5fr 1fr}.page-heading h1{font-size:1.45rem}.today-label{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-value{font-size:1.55rem}.settings-grid{grid-template-columns:1fr}.two-column{grid-template-columns:1fr}.filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.sidebar{width:232px;transform:translateX(100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.sidebar.open .brand>div:last-child,.sidebar.open .nav-label,.sidebar.open .nav-btn>span,.sidebar.open .sidebar-footer>div{display:block}.sidebar.open .nav-btn{justify-content:flex-start;padding:12px 15px;margin:3px 0}.sidebar.open .sidebar-footer{justify-content:flex-start}.main{margin-right:0}.mobile-menu{display:inline-grid}.mobile-overlay.visible{display:block;position:fixed;inset:0;background:#12263165;z-index:19}.topbar{height:64px;padding:0 16px}.top-actions{gap:12px}.content{padding:22px 15px}.page-heading{align-items:flex-start;margin-bottom:20px}.page-heading h1{font-size:1.3rem}.heading-actions{flex-wrap:wrap;justify-content:flex-end;max-width:55%}.heading-actions .btn{padding:8px 10px;font-size:.8rem}.page-heading p{font-size:.76rem}.stats{gap:10px;margin-bottom:18px}.stat{padding:15px;min-height:140px;border-radius:14px}.stat-head{font-size:.75rem}.stat-icon{width:28px;height:28px}.stat-icon svg{width:17px;height:17px}.stat-value{font-size:1.2rem;gap:2px}.stat-note{font-size:.7rem}.money-unit{font-size:.7rem}.dashboard-charts,.account-grid,.person-grid,.category-columns{grid-template-columns:1fr;gap:16px}.dashboard-charts{margin-bottom:18px}.panel-head{padding:18px}.panel-body{padding:0 18px 18px}.panel-head h2{font-size:.98rem}.panel-head .btn{font-size:.76rem;padding:5px 7px;min-height:32px}.bar-chart{margin:0 18px 20px;gap:10px;height:190px}.bar{width:18px}.onboard{align-items:flex-start;padding:14px}.onboard>.btn{display:none}.filter-top{flex-wrap:wrap;gap:9px}.search-input{min-width:100%}.filter-panel{padding:16px}.filters-grid{gap:10px}.filters-grid label{font-size:.77rem}.filter-summary{gap:12px;font-size:.8rem}.report-summary{grid-template-columns:1fr;gap:12px}.report-summary .stat{min-height:110px}.setting-block{padding:19px}.form-grid{gap:13px}.modal-head{padding:18px 20px}.modal-content{padding:18px 20px}.modal-footer{padding:16px 20px}.field{font-size:.8rem}.tabs{margin-bottom:16px}.tab{padding:7px 13px}.account-card{padding:20px}.page-footer{padding:12px;gap:8px;font-size:.73rem}.pagination{gap:5px}.legend{font-size:.72rem;gap:10px}}
@media(max-width:380px){.form-grid,.filters-grid{grid-template-columns:1fr}.stat-head{gap:4px}.stat-value{font-size:1.05rem}.stat{padding:12px}.page-heading{flex-wrap:wrap}.heading-actions{max-width:100%}.bar-chart{gap:6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.search-select{position:relative;min-width:0}.search-select-input{position:relative}.search-select-input>input{padding-left:44px}.search-select-input>.icon-btn{position:absolute;left:5px;top:5px;color:var(--muted)}.search-select-list{position:absolute;inset-inline:0;top:calc(100% + 6px);z-index:5;max-height:min(240px,35vh);overflow:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--input-border);border-radius:12px;box-shadow:0 12px 32px #173e2e20;padding:5px;scroll-padding:5px}.search-select-option{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:.875rem;line-height:1.8;overflow-wrap:anywhere}.search-select-option:hover,.search-select-option.is-active{background:var(--green-soft);color:var(--green)}.search-select-option[aria-selected=true]{font-weight:500}.search-select-option>svg{flex-shrink:0;color:var(--green)}.search-select-empty{padding:18px 12px;color:var(--muted);font-size:.85rem;text-align:center;line-height:1.9}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.search-select:focus-within{z-index:6}.panel:has(.search-select){overflow:visible}.search-select [hidden],.tag-option[hidden]{display:none!important}.search-select-input>input{width:100%;min-width:0}.filters-grid .search-select{color:var(--text)}.calendar-select>.search-select{width:115px}.calendar-select>.search-select input{padding-right:10px;font-size:.82rem}.calendar-select>.search-select .search-select-list{min-width:150px}.time-input{position:relative}.time-input>input{padding-left:46px;width:100%}.time-input>.icon-btn{position:absolute;left:5px;top:5px}.time-input>input[dir=ltr]{text-align:center;padding-right:46px}#time-picker{width:380px;overflow:visible}.time-preview{font-size:3rem;line-height:1.4;font-variant-numeric:tabular-nums;text-align:center;color:var(--green);letter-spacing:3px}.time-caption{text-align:center;font-size:.8rem;color:var(--muted);margin:4px 0 24px}.time-controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:12px;direction:ltr}.time-controls>label{display:flex;flex-direction:column;gap:7px;direction:rtl;font-size:.87rem;color:var(--muted)}.time-controls>span{padding-bottom:11px;color:var(--muted)}.time-controls input{text-align:center;font-variant-numeric:tabular-nums;padding-right:44px}.time-controls .search-select-list{top:auto;bottom:calc(100% + 6px);max-height:min(240px,30vh)}.time-shortcuts{display:flex;justify-content:center;gap:10px;margin-top:20px}[data-tag-search]>input{font-size:.85rem}[data-tag-status]{font-size:.77rem;color:var(--muted)}
.live-clock{display:flex;align-items:center;gap:10px;color:var(--muted)}.live-clock>svg{color:var(--muted)}.live-clock-text{display:flex;align-items:center;gap:15px}.live-time{direction:ltr;font-variant-numeric:tabular-nums;font-size:1.05rem;min-width:80px;text-align:center;color:var(--text)}.live-date{font-size:.8rem}.live-date-short{display:none}.panel-head>.flex{flex-shrink:0;white-space:nowrap}.person-card>.grow{min-width:0}
.access-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 80% 10%,var(--access-glow),transparent 55%),var(--surface-muted)}.access-card{width:min(100%,460px);background:var(--surface);padding:36px;border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 80px #173e2e0e;display:grid;gap:17px}.access-brand{display:flex;align-items:center;gap:12px;color:var(--green);font-size:1.3rem}.access-card h1{font-size:1.55rem;margin:0}.access-card p{line-height:1.9;color:var(--muted);margin:0}.access-card form{display:grid;gap:16px}.access-card small{color:var(--muted);text-align:center;font-size:.75rem}.access-link{background:transparent;color:var(--green);text-align:center;font-size:.85rem}.recovery-code{direction:ltr;word-break:break-all;line-height:1.8;background:var(--green-soft);padding:16px;border-radius:12px}.recovery-check{display:flex;align-items:center;gap:10px;font-size:.85rem}.recovery-check input{width:18px;min-height:18px}.access-card .form-error{color:var(--red)}
.stat-value .number{max-width:100%;white-space:normal;overflow-wrap:anywhere}.donut-inner .number{font-size:.86rem;white-space:normal;text-align:center;max-width:105px}.donut-inner .money-unit{display:block;margin:0}.page-heading .heading-actions{flex-shrink:0}
.btn,.field,.filters-grid label,table,.tx-desc strong,.category-item .category-name,.person-card h3,.account-preview strong,.filter-summary{font-size:.875rem}th{font-size:.875rem}.bar{min-height:0}.category-line{font-size:.875rem}.category-line>span:first-child{min-width:0}.category-line>span:last-child{flex-shrink:0}.calendar-grid .day{font-size:.875rem}
@media(max-width:1050px){.dashboard-charts{grid-template-columns:1fr}.dashboard-charts .panel-head{flex-wrap:wrap}.dashboard-charts .panel-head h2{flex:1;min-width:160px}.bar-chart{height:220px}.bar-group .bar-label{white-space:nowrap}}
@media(max-width:1000px){.live-clock-text{flex-direction:column;gap:0;line-height:1.6}.live-time{font-size:.94rem}.live-date{font-size:.7rem}}
@media(max-width:650px){.live-date{display:none}.live-date-short{display:block;font-size:.72rem}.top-actions{gap:10px}.live-clock>svg{display:none}.topbar .breadcrumb{font-size:.75rem}.topbar .avatar{display:none}.live-time{font-size:.9rem}.live-clock{gap:5px}}
.loan-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.loan-note{margin:0 0 20px;line-height:1.9}.loan-sub{display:block;font-size:.76rem;color:var(--muted);white-space:normal;max-width:240px;overflow-wrap:anywhere}.loan-people{margin-top:24px}.loan-detail-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.loan-detail-title>strong{font-size:1.15rem;margin-left:auto}.loan-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.loan-detail-grid .stat{padding:14px 12px;min-height:100px}.loan-detail-grid .stat-value{font-size:1.12rem}.loan-detail-grid .stat-head{font-size:.75rem}.loan-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px}.loan-description{margin-top:10px;overflow-wrap:anywhere;white-space:pre-wrap}.sidebar{overflow-y:auto}.sidebar-footer{padding-top:15px}.loan-summary .stat-note{color:var(--muted)}
@media(max-width:650px){.loan-summary{grid-template-columns:1fr;gap:10px}.loan-summary .stat{min-height:100px}.loan-detail-grid{grid-template-columns:1fr}.loan-detail-grid .stat{min-height:85px}.loan-detail-grid .stat-value{font-size:1.2rem}}
#time-picker .modal-footer{border-radius:0 0 20px 20px}#time-picker{width:min(380px,calc(100vw - 32px))}
.credit-new[hidden],.credit-old[hidden],.credit-plan[hidden]{display:none!important}.credit-plan{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface-subtle)}.credit-plan>p{margin-top:12px;line-height:1.9}.unknown-balance{color:var(--warning);font-weight:500}.credit-history-title{margin:25px 0 12px}.loan-detail-grid .stat-value{white-space:normal}.loan-detail-grid .stat-note{font-size:.72rem;line-height:1.8}.credit-plan .form-grid{gap:14px}.credit-new>.form-grid{margin:0}
.credit-breakdown[hidden]{display:none!important}.credit-breakdown{padding:16px;border:1px solid var(--line);border-radius:12px}.credit-breakdown>p{margin-top:10px;line-height:1.9}.finance-note{font-size:.8rem;color:var(--muted);line-height:1.9;margin:12px 0}
.record-meta{margin:22px 0;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-subtle)}.record-meta>p{margin:0 0 12px;color:var(--muted);font-size:.76rem}.record-meta dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.record-meta dt{font-size:.74rem;color:var(--muted);margin-bottom:6px}.record-meta dd{margin:0;font-size:.85rem}.record-meta time,.record-created time{display:block;direction:ltr;text-align:right;white-space:nowrap}.record-created{display:block;margin-top:9px;font-size:.7rem;color:var(--muted);line-height:1.7;white-space:normal}.record-created>span{display:block}.record-auto-note{margin-top:18px;font-size:.75rem;color:var(--muted);line-height:1.9}@media(max-width:650px){.record-meta dl{grid-template-columns:1fr}}

input[data-money]{font-variant-numeric:tabular-nums;text-align:right}
.theme-picker{position:relative;flex-shrink:0;z-index:12}.theme-picker summary{list-style:none}.theme-picker summary::-webkit-details-marker{display:none}.theme-picker[open]>summary{background:var(--green-soft);color:var(--green)}
.theme-popover{position:absolute;top:calc(100% + 10px);left:0;width:244px;padding:16px;background:var(--surface);border:1px solid var(--input-border);border-radius:14px;box-shadow:0 12px 40px #00000025;color:var(--text)}.theme-popover>strong{font-size:.9rem;font-weight:500}
.theme-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0 14px}.theme-choice{display:flex;align-items:center;justify-content:center;gap:7px;padding:13px 8px;background:var(--surface-subtle);border:1px solid var(--line);border-radius:11px;cursor:pointer;font-size:.8rem;line-height:1.7}.theme-choice input{margin:0;flex-shrink:0}.theme-choice:has(input:checked){background:var(--green-soft);border-color:var(--green);color:var(--green)}.theme-choice:has(input:focus-visible){outline:3px solid var(--green);outline-offset:2px}.theme-popover .theme-choices{grid-template-columns:1fr;margin:12px 0 0}.theme-popover .theme-choice{justify-content:flex-start;padding:10px 12px}
.access-page{position:relative}.access-appearance{position:absolute;left:24px;top:24px}.access-page>.access-card{margin:36px 0}.access-appearance .icon-btn{width:40px;height:40px;background:var(--surface);border:1px solid var(--line)}
:root[data-theme="dark"] .account-icon{color:color-mix(in srgb,var(--account-color,var(--green)) 65%,var(--text))}
@media(max-width:650px){.theme-choice{flex-direction:column;padding:12px 6px}.theme-popover .theme-choice{flex-direction:row}.top-actions{gap:6px}.theme-popover{width:220px}.access-appearance{top:16px;left:16px}}

.topbar{position:sticky;top:0;z-index:15;backdrop-filter:blur(12px)}.top-actions{gap:12px}.nav-total{display:flex;flex-direction:column;gap:0;font-size:.72rem;line-height:1.7;color:var(--muted)}.nav-total>strong{font-size:.85rem;color:var(--text);font-weight:500}.nav-new-transaction{font-size:.8rem;padding:8px 12px}.nav-new-transaction>span{white-space:nowrap}.account-totals .stat{min-height:140px}.account-totals .stat-value{font-size:1.28rem}
.inline-resource{margin-top:-12px;text-align:left}.inline-resource .btn{color:var(--green);min-height:28px;padding:2px 6px}.member-field{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-subtle)}.member-options{display:flex;flex-wrap:wrap;gap:8px;max-height:160px;overflow:auto}.member-option{display:flex;gap:7px;align-items:center;padding:6px 10px;background:var(--surface);border:1px solid var(--line);border-radius:8px;font-size:.83rem;cursor:pointer}.member-option:has(input:checked){border-color:var(--green);background:var(--green-soft);color:var(--green)}.member-option input{min-height:18px;width:18px;margin:0}.member-option[hidden]{display:none!important}.member-field [data-member-preview]{color:var(--text)}.panel-member-note{padding:0 24px 20px;margin:10px 0 0}.member-field input[type=search]{font-size:.85rem}
@media(max-width:1200px){.topbar{padding:0 20px}.top-actions{gap:8px}.topbar .avatar{display:none}.topbar .breadcrumb{font-size:.76rem}.nav-new-transaction{padding:8px 10px}.nav-total>strong{font-size:.8rem}}
@media(max-width:1050px){.topbar .breadcrumb{display:none}.topbar>.flex:has(.mobile-menu){min-width:0}.top-actions{flex:1;justify-content:space-between}.nav-total>strong{font-size:.84rem}}
@media(max-width:650px){.topbar{display:grid;grid-template-columns:34px minmax(0,1fr) auto 34px 34px;grid-template-rows:auto auto;gap:6px;height:auto;min-height:100px;padding:10px 14px}.topbar>.flex{grid-column:1/3;grid-row:1}.top-actions{display:contents}.nav-new-transaction{grid-column:3;grid-row:1;min-height:36px;font-size:.76rem}.top-actions>.theme-picker{grid-column:4;grid-row:1}.top-actions>[data-action=lock]{grid-column:5;grid-row:1}.nav-total{grid-column:1/4;grid-row:2}.live-clock{grid-column:4/6;grid-row:2;justify-content:flex-end}.live-clock-text{gap:0}.live-date-short{font-size:.69rem}.live-time{font-size:.86rem;min-width:70px}.account-totals .stat{min-height:130px}.account-totals .stat-value{font-size:1.12rem}}

.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:26px}.field-label-row label{min-width:0}.field-label-row .inline-create{color:var(--green);padding:2px 6px;min-height:26px;flex-shrink:0;font-size:.76rem}.field-label-row .inline-create:hover{background:var(--green-soft)}.member-field .field-label-row{flex-wrap:wrap}.field-label-row:has(.inline-create){position:relative;z-index:1}
.default-expense-panel{margin-bottom:24px;padding:22px 24px}.default-expense-copy h2{display:flex;align-items:center;gap:8px;font-size:1rem}.default-expense-copy h2 svg{color:var(--green)}.default-expense-copy p{margin:8px 0 18px;font-size:.84rem;color:var(--muted);line-height:1.9}.default-expense-controls{display:flex;align-items:flex-end;gap:14px;margin-bottom:12px}.default-expense-controls>.field{width:min(100%,420px)}.default-expense-controls>.btn{flex-shrink:0}.account-default-badge{display:inline-block;background:var(--green-soft);color:var(--green);font-size:.72rem;border-radius:6px;padding:2px 8px;margin-top:6px}.default-expense-panel small{display:block;font-size:.77rem;line-height:1.9}@media(max-width:650px){.default-expense-panel{padding:18px}.default-expense-controls{flex-direction:column;align-items:stretch}.default-expense-controls>.field{width:100%}}

/* Quiet surfaces, clear hierarchy and deliberate disclosure. */
:root{--bg:#f3f5f4;--surface-muted:#edf2f0;--surface-subtle:#f8faf9;--line:#dfe7e3;--input-border:#cedad3;--text:#243c35;--muted:#63776f;--secondary-text:#465f55;--navy:#18352e;--navy-dark:#112921;--green:#16745a;--primary:#16745a;--primary-hover:#115c47;--green-soft:#e7f4ed;--red:#b54f5c;--radius:17px;--shadow:0 3px 6px #17372c03,0 12px 28px #17372c04;--topbar:#f9fbfaed}
:root[data-theme=dark]{--bg:#101b18;--surface:#1a2b25;--surface-muted:#233830;--surface-subtle:#182720;--surface-hover:#293f35;--line:#30493c;--input-border:#425f4f;--text:#e7eee9;--muted:#a6b9ad;--secondary-text:#c4d4c8;--navy:#133228;--navy-dark:#0f271f;--green:#87d9b2;--primary:#26765a;--primary-hover:#2d8a68;--green-soft:#1b3f2e;--red:#ef9aa6;--topbar:#14251eef;--shadow:0 4px 20px #00000010}
@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg:#101b18;--surface:#1a2b25;--surface-muted:#233830;--surface-subtle:#182720;--surface-hover:#293f35;--line:#30493c;--input-border:#425f4f;--text:#e7eee9;--muted:#a6b9ad;--secondary-text:#c4d4c8;--navy:#133228;--navy-dark:#0f271f;--green:#87d9b2;--primary:#26765a;--primary-hover:#2d8a68;--green-soft:#1b3f2e;--red:#ef9aa6;--topbar:#14251eef;--shadow:0 4px 20px #00000010}}
.sidebar{width:244px;padding:24px 15px 18px;background:linear-gradient(165deg,#1c3a30,#122c24);border-left:1px solid #ffffff0a;scrollbar-width:thin;scrollbar-color:#4b6659 transparent}.main{margin-right:244px}.brand{gap:13px;padding:0 11px 23px}.brand-mark{width:44px;height:44px;background:#b0d6bc;border-radius:14px;color:#193c2b;box-shadow:0 4px 18px #00000013}.brand strong{font-size:1.35rem;letter-spacing:-.4px}.brand small{color:#b3c7bd;font-size:.73rem}.nav-label{padding:10px 14px 6px;color:#9ab6a6;font-size:.69rem}.nav-btn{min-height:42px;gap:12px;font-size:.83rem;padding:8px 13px;margin:2px 0;color:#c6d6ce;border:1px solid transparent;border-radius:10px}.nav-btn svg{width:19px;height:19px;color:#a5bdaf}.nav-btn>span{white-space:nowrap}.nav-btn.active{background:#c4e0ce14;border-color:#bad7c019;color:#deefdf;box-shadow:inset -3px 0 #a8d3b6}.nav-btn.active svg{color:#b6dfc4}.nav-btn:hover{background:#d5f3df0c}.sidebar-footer{padding:15px 10px 0;font-size:.76rem;color:#cbddd1;line-height:1.8;gap:12px}.sidebar-footer small{color:#a5bcad;font-size:.67rem}.sidebar-footer [data-private-placeholder]{color:#bfd3c5}
.topbar{height:86px;padding:0 30px;gap:14px;background:var(--topbar);box-shadow:0 1px 8px #183f2203}.breadcrumb{display:flex;flex-direction:column;align-items:flex-start;gap:0;line-height:1.8;white-space:nowrap}.breadcrumb-label{font-size:.68rem}.breadcrumb strong{font-size:.84rem;font-weight:500;color:var(--text)}.top-actions{gap:14px}.live-clock-text{display:flex;flex-direction:column;align-items:center;gap:0;line-height:1.7}.live-date{font-size:.67rem}.live-time{font-size:.92rem;letter-spacing:1px;min-width:78px}.live-clock>svg{display:none}.nav-new-transaction{min-height:42px;padding:8px 14px;border-radius:12px}.nav-total{border-inline-start:1px solid var(--line);padding-inline-start:16px;min-width:96px}.nav-total>span{font-size:.65rem}.nav-total>strong{font-size:.82rem}.topbar .icon-btn{min-height:40px;width:40px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.privacy-toggle{color:var(--green);background:var(--green-soft);border:1px solid color-mix(in srgb,var(--green) 18%,var(--line));font-size:.76rem;min-height:42px;padding:8px 12px;box-shadow:none}.privacy-toggle[aria-pressed=true]{color:var(--secondary-text);background:var(--surface-muted)}.privacy-toggle:hover{border-color:var(--green)}
.content{padding:30px 30px 48px;max-width:1600px}.page-heading{margin-bottom:23px;align-items:center}.page-heading h1{font-size:1.65rem;font-weight:700;letter-spacing:-.5px;line-height:1.6}.page-heading p{font-size:.79rem;line-height:1.9;margin-top:3px}.btn{border-radius:11px;min-height:42px}.btn.secondary{color:var(--secondary-text)}.btn.primary{box-shadow:0 5px 12px #10583d18}.icon-btn{width:36px;height:36px}.stat{border-radius:17px;min-height:148px;padding:22px;box-shadow:var(--shadow)}.stat.balance{background:linear-gradient(125deg,#244d3d,#18372e);border-color:#27513f;box-shadow:0 8px 24px #234d3b14}.stat.balance .stat-head,.stat.balance .stat-note{color:#bccec1}.stat.balance .stat-icon{color:#c8e8d3;background:#c4e9cc12;border:1px solid #d4eada1c}.stat.balance .money-unit{color:#c1d7c7}.stat-icon{border:1px solid var(--line);border-radius:12px;width:36px;height:36px}.stat-icon.income,.stat-icon.expense{border-color:transparent}.stat-head{font-size:.77rem}.stat-value{font-size:1.5rem;margin-top:14px;letter-spacing:-.3px}.stat-note{font-size:.71rem;line-height:1.8}.stats{gap:16px;margin-bottom:23px}.stat.balance [data-private-placeholder]{color:#d0e0d4}.private-negative:has([data-private-actual]:not([hidden])){color:var(--red)}
.privacy-intro{display:flex;align-items:center;gap:13px;margin-bottom:23px;padding:16px 19px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(100deg,var(--surface-subtle),var(--surface));box-shadow:var(--shadow)}.privacy-intro-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:var(--green);background:var(--green-soft)}.privacy-intro strong{font-size:.83rem;font-weight:500}.privacy-intro p{font-size:.74rem;line-height:1.8;color:var(--muted);margin-top:2px}.privacy-status{margin-inline-start:auto;flex-shrink:0;display:flex;align-items:center;gap:7px;font-size:.68rem;border:1px solid var(--line);padding:5px 10px;border-radius:100px;color:var(--muted);background:var(--surface)}.privacy-status::before{content:'';width:5px;height:5px;background:var(--green);border-radius:50%}
.private-value{display:inline-block;font-variant-numeric:tabular-nums;white-space:inherit;direction:inherit}.private-value [data-private-placeholder]{letter-spacing:4px;color:var(--muted);font-weight:500;user-select:none}.private-section{margin-bottom:17px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:var(--shadow);min-width:0}.private-section-head{display:flex;align-items:center;gap:15px;padding:21px 23px;min-height:96px}.private-section-head>.grow{min-width:0}.private-section-head h2{font-size:.93rem;font-weight:500;line-height:1.7}.private-section-head p{font-size:.74rem;line-height:1.8;margin-top:3px;color:var(--muted)}.private-section-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--surface-muted);color:var(--green);flex-shrink:0;border:1px solid var(--line)}.private-section-toggle{min-width:88px;min-height:40px;border-radius:11px;padding:7px 12px;font-size:.76rem;flex-shrink:0}.private-section-toggle svg{transition:transform .18s}.private-section-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.private-section-toggle[aria-expanded=true]{background:var(--surface-muted);color:var(--muted)}.private-section:has([aria-expanded=true])>.private-section-head{border-bottom:1px solid var(--line)}.private-section-content{padding:23px;min-width:0}.private-section-content>.panel:last-child{margin-bottom:0}.private-section-content .dashboard-charts{margin-bottom:0}.dashboard-private-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.dashboard-private-grid>.private-section{margin-bottom:17px}.dashboard-private-grid .private-section-head{padding:19px;gap:11px}.dashboard-private-grid .private-section-toggle{min-width:76px}.dashboard-private-grid .private-section-icon{width:37px;height:37px;border-radius:11px}.dashboard-private-grid .private-section-head p{font-size:.71rem}.dashboard-private-grid .person-avatar{width:39px;height:39px;font-size:.85rem}.dashboard-private-grid .account-preview .number{font-size:.84rem}.private-section-content .default-expense-panel{box-shadow:none;margin-bottom:0}.account-totals .stat{min-height:148px}
.panel{box-shadow:var(--shadow)}.panel-head{padding:22px 24px 19px}.panel-head h2{font-size:.94rem;font-weight:500}.table-wrap table th{font-size:.77rem;font-weight:500;color:var(--muted);background:var(--surface-subtle);padding:15px 20px}.table-wrap td{padding:18px 20px}.table-wrap tbody tr:hover{background:var(--surface-subtle)}.account-card,.person-card{box-shadow:var(--shadow);border-radius:16px}.account-card::before{height:3px}.account-value{font-size:1.38rem}.account-card-top h3,.person-card h3{font-size:.9rem;font-weight:500}.tabs{border-bottom:1px solid var(--line);padding-bottom:6px;gap:6px}.tab{border-radius:10px;font-size:.81rem;min-height:42px}.tabs .tab.active{color:var(--green);background:var(--green-soft)}input,select,textarea{border-radius:11px;background:var(--surface-subtle)}.search-select-list{border-radius:13px}.filter-panel{box-shadow:none;background:var(--surface-subtle)}.filter-summary{padding:4px 2px 16px;gap:20px}.empty-icon{border:1px solid color-mix(in srgb,var(--green) 15%,var(--line));background:var(--green-soft)}
dialog{border:1px solid var(--line);border-radius:22px;box-shadow:0 25px 90px #0e2a2040;max-height:calc(100dvh - 40px)}dialog::backdrop{background:#10261f99;backdrop-filter:blur(7px)}dialog:not(#calendar):not(#time-picker)>form{display:flex;flex-direction:column;max-height:calc(100dvh - 40px)}.modal-head{padding:22px 26px;background:var(--surface);flex-shrink:0}.modal-content{padding:24px 26px;overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--input-border) transparent}.modal-footer{padding:18px 26px;flex-shrink:0}.modal-head h2{font-size:1.08rem;font-weight:500}.field label{font-size:.8rem;color:var(--secondary-text)}.form-grid{gap:19px}.segment{border:1px solid var(--line);padding:5px}.member-field{background:var(--surface-subtle)}.record-meta{background:var(--surface-subtle)}
#privacy-curtain{width:min(420px,calc(100vw - 32px));overflow:hidden}#privacy-curtain::backdrop{background:#11291ffb;backdrop-filter:blur(18px)}.privacy-cover{text-align:center;padding:38px 32px;display:flex;flex-direction:column;align-items:center;gap:15px}.privacy-cover-icon{display:grid;place-items:center;width:82px;height:82px;border-radius:24px;background:var(--green-soft);border:1px solid var(--line);color:var(--green);margin-bottom:5px}.privacy-cover h2{font-size:1.14rem}.privacy-cover p{font-size:.83rem;color:var(--muted);line-height:2;max-width:290px}.privacy-cover .btn.primary{width:100%;margin-top:10px}.privacy-cover .btn.ghost{font-size:.8rem}
@media(max-width:1320px){.topbar .breadcrumb{display:none}.top-actions{width:100%;justify-content:space-between;gap:10px}.topbar>.flex{flex-shrink:0}.topbar{gap:0}.nav-total{padding-inline-start:12px}.privacy-toggle{font-size:.72rem;padding:8px 10px}.sidebar{width:232px}.main{margin-right:232px}.content{padding:26px}.topbar{padding:0 26px}.stat{padding:19px}.stat-value{font-size:1.3rem}.dashboard-private-grid .private-section-head{gap:10px;padding:18px}.dashboard-private-grid .private-section-head p{max-width:180px}}
@media(max-width:1100px){.sidebar{width:210px;padding-inline:12px}.main{margin-right:210px}.nav-btn{font-size:.79rem;gap:10px}.nav-btn>span{white-space:normal}.content{padding:23px}.topbar{padding-inline:23px}.live-date{font-size:.6rem}.privacy-toggle{gap:5px;font-size:.7rem}.nav-new-transaction{font-size:.72rem;padding-inline:10px}.top-actions{gap:7px}.topbar .icon-btn{width:36px;min-height:36px}.nav-total{min-width:85px;padding-inline-start:8px}.nav-total>strong{font-size:.76rem}.dashboard-private-grid{grid-template-columns:1fr}.dashboard-private-grid .private-section-head p{max-width:none}.private-section-head{padding:19px}.private-section-content{padding:19px}}
@media(max-width:900px){.sidebar{width:76px;padding-inline:10px}.main{margin-right:76px}.nav-btn{padding:10px 4px;min-height:44px}.brand{padding:0 5px 22px}.sidebar-footer{padding-inline:0}.nav-total{min-width:96px}.privacy-toggle{font-size:.73rem}.nav-new-transaction{font-size:.75rem}.dashboard-private-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-private-grid .private-section-head{flex-wrap:wrap}.dashboard-private-grid .private-section-toggle{margin-inline-start:auto}.dashboard-private-grid .private-section-head>.grow{flex-basis:calc(100% - 50px)}}
@media(max-width:650px){.sidebar{width:244px;padding:24px 15px 18px}.main{margin-right:0}.sidebar.open .nav-btn{padding:8px 13px;margin:2px 0;min-height:42px}.topbar{display:grid;grid-template-columns:40px minmax(0,1fr) 40px 40px;grid-template-rows:44px auto;gap:9px 7px;height:auto;min-height:112px;padding:12px 15px}.topbar>.flex{grid-column:1;grid-row:1}.top-actions{display:contents}.nav-new-transaction{grid-column:2;grid-row:1;min-height:40px;font-size:.75rem;padding-inline:10px;justify-self:stretch}.top-actions>.theme-picker{grid-column:3;grid-row:1}.top-actions>[data-action=lock]{grid-column:4;grid-row:1}.privacy-toggle{grid-column:1/3;grid-row:2;min-height:36px;font-size:.72rem;justify-self:start}.nav-total{display:none}.live-clock{grid-column:3/5;grid-row:2;justify-self:end}.live-date-short{font-size:.64rem}.live-time{font-size:.8rem;letter-spacing:.5px}.live-date{display:none}.content{padding:23px 15px 35px}.page-heading{align-items:flex-start;gap:10px}.page-heading h1{font-size:1.34rem}.page-heading p{font-size:.74rem}.heading-actions{max-width:55%;flex-wrap:wrap}.heading-actions .btn{font-size:.73rem;min-height:38px;padding-inline:9px}.privacy-intro{padding:14px;gap:10px;align-items:flex-start}.privacy-intro strong{font-size:.78rem}.privacy-intro p{font-size:.71rem}.privacy-intro-icon{width:35px;height:35px;border-radius:10px;flex-shrink:0}.privacy-status{display:none}.stats{gap:11px}.stat{padding:16px;min-height:137px}.stat-head{font-size:.73rem;gap:7px;line-height:1.8}.stat-icon{width:29px;height:29px}.stat-value{font-size:1.15rem}.stat-note{font-size:.67rem}.account-totals .stat{min-height:137px}.dashboard-private-grid{grid-template-columns:1fr;gap:0}.private-section-head,.dashboard-private-grid .private-section-head{gap:11px;padding:17px;flex-wrap:nowrap;min-height:98px}.dashboard-private-grid .private-section-head>.grow{flex-basis:auto}.private-section-head h2{font-size:.87rem}.private-section-head p{font-size:.7rem}.private-section-icon{width:36px;height:36px;border-radius:11px}.private-section-toggle{min-width:68px;min-height:40px;font-size:.72rem;padding:6px 8px;gap:5px}.private-section-content{padding:16px}.dashboard-private-grid .private-section-toggle{min-width:68px}.dashboard-private-grid .private-section-head p{max-width:none}.account-grid,.person-grid{gap:15px}.account-card{padding:20px}.table-wrap td,.table-wrap table th{padding:15px}.modal-head{padding:18px 20px}.modal-content{padding:20px}.modal-footer{padding:16px 20px}.form-grid{gap:15px}.privacy-cover{padding:30px 24px}.theme-popover{left:0;width:220px}.privacy-intro p{max-width:250px}}
@media(max-width:380px){.private-section-head{gap:8px;padding:14px}.private-section-icon{display:none}.private-section-head h2{font-size:.82rem}.stat{padding:14px}.stat-value{font-size:1.07rem}.nav-new-transaction{font-size:.71rem}.privacy-toggle{font-size:.68rem}.dashboard-private-grid .private-section-icon{display:none}.topbar{padding-inline:12px}}

dialog:not(#calendar):not(#time-picker){overflow:hidden}dialog:not(#calendar):not(#time-picker)>form{max-height:calc(100dvh - 44px)}

/* Elevation: lit edges on raised surfaces, inset controls and a deeper canvas. */
:root{
  --bg:#e5ede8;
  --surface:#fdfefd;
  --surface-muted:#e5eee8;
  --surface-subtle:#edf3ef;
  --surface-hover:#e4eee7;
  --line:#bdcec3;
  --input-border:#adbfb3;
  --text:#203c2f;
  --muted:#536b5d;
  --secondary-text:#3d5948;
  --canvas-light:#f1f6f2;
  --surface-top:#ffffff;
  --surface-bottom:#f3f7f4;
  --edge-light:#ffffffeb;
  --edge-shade:#244f3520;
  --icon-top:#f5faf6;
  --icon-bottom:#dce9df;
  --control-inset:inset 0 2px 4px #254b3512,inset 0 -1px 0 #ffffffc9;
  --shadow:inset 0 1px 0 var(--edge-light),inset 0 -1px 0 var(--edge-shade),0 2px 3px #213e2d0f,0 9px 18px #244b3512,0 20px 34px #244b350b;
  --shadow-nested:inset 0 1px 0 var(--edge-light),0 2px 4px #244b3510,0 7px 14px #244b350d;
  --shadow-control:inset 0 1px 0 var(--edge-light),inset 0 -1px 0 var(--edge-shade),0 2px 3px #244b3514,0 4px 8px #244b350a;
  --shadow-dialog:inset 0 1px 0 var(--edge-light),0 0 0 1px #173b2610,0 12px 28px #0b251b30,0 36px 90px #0b251b45;
  --topbar:#f1f6f2f5;
  --primary-top:#25886a;
  --primary-bottom:#146448;
}
:root[data-theme=dark]{
  --bg:#0a1510;
  --surface:#20362b;
  --surface-muted:#293f32;
  --surface-subtle:#15271d;
  --surface-hover:#304c3a;
  --line:#466451;
  --input-border:#53735d;
  --text:#edf5ee;
  --muted:#b0c6b6;
  --secondary-text:#d2e2d4;
  --canvas-light:#172e21;
  --surface-top:#294537;
  --surface-bottom:#1a2e22;
  --edge-light:#b4e5c62e;
  --edge-shade:#00000055;
  --icon-top:#375842;
  --icon-bottom:#20392a;
  --control-inset:inset 0 2px 5px #00000040,inset 0 -1px 0 #b4e5c612;
  --shadow:inset 0 1px 0 var(--edge-light),inset 0 -1px 0 var(--edge-shade),0 2px 3px #00000040,0 10px 20px #00000038,0 24px 38px #00000025;
  --shadow-nested:inset 0 1px 0 var(--edge-light),0 2px 4px #00000035,0 7px 14px #00000025;
  --shadow-control:inset 0 1px 0 var(--edge-light),inset 0 -1px 0 var(--edge-shade),0 2px 3px #00000040,0 4px 8px #00000028;
  --shadow-dialog:inset 0 1px 0 var(--edge-light),0 0 0 1px #b4e5c610,0 12px 28px #00000060,0 36px 90px #00000090;
  --topbar:#162b1ef5;
  --primary-top:#338d66;
  --primary-bottom:#1d6344;
}
@media(prefers-color-scheme:dark){:root:not([data-theme]){
  --bg:#0a1510;
  --surface:#20362b;
  --surface-muted:#293f32;
  --surface-subtle:#15271d;
  --surface-hover:#304c3a;
  --line:#466451;
  --input-border:#53735d;
  --text:#edf5ee;
  --muted:#b0c6b6;
  --secondary-text:#d2e2d4;
  --canvas-light:#172e21;
  --surface-top:#294537;
  --surface-bottom:#1a2e22;
  --edge-light:#b4e5c62e;
  --edge-shade:#00000055;
  --icon-top:#375842;
  --icon-bottom:#20392a;
  --control-inset:inset 0 2px 5px #00000040,inset 0 -1px 0 #b4e5c612;
  --shadow:inset 0 1px 0 var(--edge-light),inset 0 -1px 0 var(--edge-shade),0 2px 3px #00000040,0 10px 20px #00000038,0 24px 38px #00000025;
  --shadow-nested:inset 0 1px 0 var(--edge-light),0 2px 4px #00000035,0 7px 14px #00000025;
  --shadow-control:inset 0 1px 0 var(--edge-light),inset 0 -1px 0 var(--edge-shade),0 2px 3px #00000040,0 4px 8px #00000028;
  --shadow-dialog:inset 0 1px 0 var(--edge-light),0 0 0 1px #b4e5c610,0 12px 28px #00000060,0 36px 90px #00000090;
  --topbar:#162b1ef5;
  --primary-top:#338d66;
  --primary-bottom:#1d6344;
}}
body{background:linear-gradient(135deg,var(--canvas-light),var(--bg) 65%);background-attachment:fixed}
.sidebar{background:linear-gradient(150deg,#254b37 0%,#17392a 48%,#0e251a 100%);border-left-color:#789c7f66;box-shadow:inset 1px 0 0 #b4e5c618,-8px 0 24px #071b161c}
.brand-mark{background:linear-gradient(145deg,#d0e8c9,#8cbda0);border:1px solid #dcf5df66;box-shadow:inset 0 1px 0 #ffffff9c,inset 0 -2px 0 #28533638,0 4px 8px #04140e40}
.nav-btn.active{background:linear-gradient(120deg,#8fc99d26,#81b9900e);border-color:#98c9a23d;box-shadow:inset -3px 0 #acd6b1,inset 0 1px 0 #c4edcd18,0 3px 8px #071c1528}
.topbar{border-bottom-color:var(--line);box-shadow:inset 0 1px 0 var(--edge-light),0 3px 6px #0724140a,0 9px 22px #0724140a}
.panel,.stat,.account-card,.person-card,.private-section,.privacy-intro,.access-card{
  background:linear-gradient(145deg,var(--surface-top),var(--surface-bottom));
  border-color:var(--line);
  box-shadow:var(--shadow);
}
.stat.balance{background:linear-gradient(135deg,#38664a 0%,#264f39 45%,#183b29 100%);border-color:#6c977577;box-shadow:inset 0 1px 0 #d0f3d53b,inset 0 -1px 0 #091d165e,0 3px 5px #0a241d28,0 12px 24px #0a241d25,0 24px 38px #0a241d14}
.stat.balance .stat-head,.stat.balance .stat-note{color:#d0e3d3}
.stat.balance .stat-icon{background:linear-gradient(145deg,#71957935,#2e54364a);border-color:#c8e6ce3b;box-shadow:inset 0 1px 0 #ffffff2b,0 3px 6px #071e1728}
.stat.balance [data-private-placeholder]{color:#e0eee0}
.private-section-head{border-radius:16px;background:linear-gradient(180deg,var(--surface-top),transparent)}
.private-section:has([aria-expanded=true])>.private-section-head{border-radius:16px 16px 0 0;box-shadow:0 2px 4px #071e1508}
.private-section-content{background:var(--surface-subtle);border-radius:0 0 16px 16px;box-shadow:inset 0 2px 5px #122b1b10}
.private-section-content .panel,.private-section-content .account-card,.private-section-content .person-card{box-shadow:var(--shadow-nested)}
.private-section-content .default-expense-panel{box-shadow:var(--shadow-nested)}
.private-section-icon,.stat-icon,.account-icon,.person-avatar,.privacy-intro-icon,.empty-icon,.privacy-cover-icon{
  background:linear-gradient(145deg,var(--icon-top),var(--icon-bottom));
  border:1px solid var(--line);
  box-shadow:var(--shadow-control);
}
.stat-icon.income,.person-avatar.member,.privacy-intro-icon{background:linear-gradient(145deg,color-mix(in srgb,var(--green-soft) 75%,var(--surface-top)),var(--green-soft));border-color:color-mix(in srgb,var(--green) 25%,var(--line))}
.stat-icon.expense{background:linear-gradient(145deg,color-mix(in srgb,var(--red-soft) 75%,var(--surface-top)),var(--red-soft));border-color:color-mix(in srgb,var(--red) 25%,var(--line))}
.account-icon{background:linear-gradient(145deg,color-mix(in srgb,var(--account-color,var(--green)) 10%,var(--surface-top)),color-mix(in srgb,var(--account-color,var(--green)) 18%,var(--surface-bottom)))}
.privacy-status{box-shadow:var(--control-inset)}
.btn.secondary,.private-section-toggle,.topbar .icon-btn,.access-appearance .icon-btn{
  background:linear-gradient(180deg,var(--surface-top),var(--surface-muted));
  border:1px solid var(--input-border);
  color:var(--secondary-text);
  box-shadow:var(--shadow-control);
}
.btn.primary{background:linear-gradient(180deg,var(--primary-top),var(--primary-bottom));border:1px solid #79b48b55;box-shadow:inset 0 1px 0 #d8f6df40,inset 0 -2px 0 #0b3b2866,0 3px 5px #0a36252b,0 7px 14px #0a362521}
.btn.primary:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--primary-top) 90%,white),var(--primary-bottom));box-shadow:inset 0 1px 0 #d8f6df55,inset 0 -2px 0 #0b3b2866,0 4px 8px #0a362538,0 9px 18px #0a362529}
.btn.secondary:hover,.private-section-toggle:hover,.topbar .icon-btn:hover{border-color:var(--green);background:linear-gradient(180deg,var(--surface-top),var(--surface-hover))}
.btn:active:not(:disabled),.topbar .icon-btn:active{box-shadow:var(--control-inset)}
.privacy-toggle{background:linear-gradient(180deg,color-mix(in srgb,var(--green-soft) 65%,var(--surface-top)),var(--green-soft));border-color:color-mix(in srgb,var(--green) 35%,var(--line));box-shadow:var(--shadow-control)}
.privacy-toggle[aria-pressed=true],.private-section-toggle[aria-expanded=true]{background:var(--surface-muted);border-color:var(--line);box-shadow:var(--control-inset)}
input:not([type=radio]):not([type=checkbox]):not([type=color]),select,textarea{
  background:var(--surface-subtle);
  border-color:var(--input-border);
  box-shadow:var(--control-inset);
}
input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:var(--control-inset),0 0 0 3px color-mix(in srgb,var(--green) 20%,transparent)}
.tabs,.segment,.member-field,.record-meta,.filter-panel{background:var(--surface-subtle);border:1px solid var(--line);box-shadow:var(--control-inset)}
.tab.active,.segment .active{background:linear-gradient(180deg,var(--surface-top),var(--surface-muted));border:1px solid var(--input-border);box-shadow:var(--shadow-control)}
.tabs .tab.active{background:linear-gradient(180deg,color-mix(in srgb,var(--green-soft) 65%,var(--surface-top)),var(--green-soft));border-color:color-mix(in srgb,var(--green) 35%,var(--line))}
.tab,.segment button{border:1px solid transparent}
.member-option,.theme-choice,.tag-option,.tag-card{box-shadow:var(--shadow-control)}
.table-wrap table th{background:var(--surface-muted);color:var(--secondary-text)}
.table-wrap tbody tr:nth-child(even){background:color-mix(in srgb,var(--surface-subtle) 55%,transparent)}
.table-wrap tbody tr:hover{background:var(--surface-hover)}
dialog,.theme-popover,.search-select-list{background:linear-gradient(145deg,var(--surface-top),var(--surface-bottom));border-color:var(--input-border);box-shadow:var(--shadow-dialog)}
.modal-head{background:linear-gradient(180deg,var(--surface-top),var(--surface-bottom));box-shadow:0 2px 5px #0b251b08}
.modal-footer{background:var(--surface-subtle);box-shadow:inset 0 1px 0 var(--edge-light)}
.access-card{box-shadow:var(--shadow-dialog)}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.field{min-width:0}
@media(max-width:650px){.form-grid{grid-template-columns:minmax(0,1fr)}.field-label-row{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.btn,.icon-btn,.nav-btn,.private-section-toggle svg{transition:none}}