:root{color:#f5f1e8;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f5f1e8;--ink-soft:#d3cec3;--muted:#89867f;--muted-dark:#62615d;--shell:#0d0e10;--sidebar:#111214;--panel:#17181b;--panel-raised:#1c1d20;--panel-soft:#141517;--line:#2b2c2e;--line-bright:#46433b;--gold:#c7a45d;--gold-bright:#e0bf77;--gold-dark:#806735;--gold-wash:#c7a45d1f;--income:#d76b68;--income-soft:#d76b6824;--expense:#78b58a;--expense-soft:#78b58a24;--danger:#d67267;--shadow:0 18px 50px #0000003d;background:#0d0e10;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif}*{box-sizing:border-box}html{background:var(--shell)}body{background:radial-gradient(circle at 72% -10%,#c7a45d1a,#0000 29rem),linear-gradient(135deg,#0d0e10 0%,#111214 52%,#0b0c0e 100%);min-width:320px;margin:0}body:before{content:"";z-index:-1;opacity:.16;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}button,input,select{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.auth-shell{background:radial-gradient(circle at 50% 0,#c7a45d26,#0000 34rem),linear-gradient(135deg,#0d0e10 0%,#111214 52%,#0b0c0e 100%);place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card{width:min(100%,460px);box-shadow:12px 12px 0 #80673542, var(--shadow);background:#17181bf0;border:1px solid #c7a45d73;border-radius:5px 18px;padding:38px}.auth-brand{align-items:center;gap:13px;margin-bottom:42px;display:flex}.auth-brand strong{color:var(--ink);font:600 19px Georgia,Microsoft YaHei,serif;display:block}.auth-brand span{color:var(--muted);letter-spacing:.12em;margin-top:5px;font:500 9px ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.auth-card h1{color:var(--ink);letter-spacing:-.06em;margin:0;font:600 clamp(29px,6vw,42px)/1.1 Georgia,Microsoft YaHei,serif}.auth-intro{color:var(--muted);margin:14px 0 25px;font-size:12px;line-height:1.8}.auth-form{gap:15px;display:grid}.auth-form label,.security-form label{gap:8px;display:grid}.auth-form label>span,.security-form label>span{color:var(--muted);font-size:10px}.auth-form input,.security-form input{width:100%;color:var(--ink-soft);background:var(--panel-soft);border:1px solid var(--line);border-radius:3px 9px;outline:none;padding:12px 13px;font-size:12px;transition:border-color .2s,background .2s,box-shadow .2s}.auth-form input:hover,.security-form input:hover{border-color:var(--line-bright)}.auth-form input:focus,.security-form input:focus{border-color:var(--gold);background:#191a1d;box-shadow:0 0 0 3px #c7a45d1c}.auth-note{color:var(--muted-dark);margin:-2px 0 0;font-size:10px;line-height:1.7}.auth-feedback{border-radius:3px 8px;margin:0;padding:10px 12px;font-size:11px;line-height:1.5}.auth-feedback.error{color:#efaaa2;background:var(--income-soft);border:1px solid #d76b6859}.auth-feedback.success{color:#a8d6b3;background:var(--expense-soft);border:1px solid #78b58a59}.turnstile-widget{border-radius:4px;justify-content:center;align-items:center;min-height:65px;display:flex;overflow:hidden}.auth-submit{color:#111214;background:linear-gradient(135deg, var(--gold-bright), var(--gold));border-radius:4px 10px;justify-content:space-between;align-items:center;padding:13px 16px;font-size:12px;font-weight:700;transition:transform .2s,filter .2s,box-shadow .2s;display:flex;box-shadow:4px 4px #8067356b}.auth-submit:hover{filter:brightness(1.08);transform:translate(-1px,-1px);box-shadow:6px 6px #8067356b}.auth-submit:active{transform:translate(2px,2px)scale(.98);box-shadow:2px 2px #8067356b}.auth-submit span{font-size:16px}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{color:var(--ink-soft);border-right:1px solid var(--line);background:linear-gradient(#141517fa,#0e0f11fa);flex-direction:column;padding:26px 15px 22px;display:flex;position:relative;overflow:hidden}.sidebar:after{content:"";background:linear-gradient(180deg, var(--gold-dark), transparent 34%, var(--gold-dark));opacity:.7;width:1px;position:absolute;top:0;bottom:0;right:-1px}.brand{align-items:center;gap:12px;min-height:42px;padding:0 8px 0 9px;display:flex;position:relative}.brand-mark{color:#111214;background:linear-gradient(145deg, var(--gold-bright), var(--gold));border-radius:4px 12px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-family:Georgia,serif;font-size:18px;font-weight:700;display:grid;box-shadow:4px 4px #80673557}.brand-copy{min-width:0}.brand strong{color:var(--ink);letter-spacing:-.04em;white-space:nowrap;font-family:Georgia,Microsoft YaHei,serif;font-size:17px;display:block}.brand span{color:var(--muted);letter-spacing:.17em;margin-top:4px;font:500 9px ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.sidebar-toggle{width:26px;height:26px;color:var(--gold);background:var(--panel-raised);border:1px solid var(--line-bright);border-radius:50%;place-items:center;font-size:18px;line-height:1;transition:transform .2s,color .2s,border-color .2s,filter .2s;display:grid;position:absolute;top:5px;right:-4px}.sidebar-toggle:hover{color:var(--gold-bright);border-color:var(--gold);filter:brightness(1.18);transform:translate(2px)}.side-section-label,.eyebrow{color:var(--gold);letter-spacing:.15em;text-transform:uppercase;font:600 10px ui-monospace,SFMono-Regular,Consolas,monospace}.side-section-label{margin:47px 12px 13px}nav{gap:4px;display:grid}.nav-item{width:100%;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:5px 12px;align-items:center;gap:12px;padding:11px 12px;font-size:13px;transition:transform .2s,color .2s,border-color .2s,filter .2s;display:flex;position:relative}.nav-item:before{content:"";background:var(--gold);opacity:0;width:2px;transition:transform .2s,opacity .2s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(.3)}.nav-item:hover{color:var(--ink);border-color:var(--line-bright);filter:brightness(1.12);transform:translate(2px)}.nav-item.active{color:var(--gold-bright);background:linear-gradient(90deg,#c7a45d24,#c7a45d08);border-color:#c7a45d57;font-weight:700}.nav-item.active:before{opacity:1;transform:scaleY(1)}.nav-icon{color:currentColor;border:1px solid;border-radius:4px 8px;flex:0 0 25px;place-items:center;width:25px;height:25px;font:600 9px ui-monospace,SFMono-Regular,Consolas,monospace;display:grid}.sidebar-bottom{border-top:1px solid var(--line);margin-top:auto;padding:20px 9px 0}.storage-label{color:var(--muted);justify-content:space-between;gap:8px;margin-bottom:10px;font-size:11px;display:flex}.storage-label b{color:var(--expense);white-space:nowrap;font-weight:600}.storage-bar{background:#282a2b;height:4px;overflow:hidden}.storage-bar i{background:var(--gold);width:19%;height:100%;display:block}.sidebar-bottom p{color:var(--muted-dark);margin:12px 0;font-size:10px;line-height:1.7}.backup-link{color:var(--gold);background:0 0;padding:0;font-size:11px;transition:transform .2s,color .2s,filter .2s}.backup-link:hover{color:var(--gold-bright);filter:brightness(1.15);transform:translate(2px)}.main-content{min-width:0}.topbar{border-bottom:1px solid var(--line);background:#121315c2;justify-content:space-between;align-items:center;height:78px;padding:0 5.2%;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.breadcrumb b{color:var(--muted-dark);font-weight:400}.breadcrumb strong{color:var(--ink-soft);font-weight:700}.top-actions{align-items:center;gap:16px;display:flex}.sync-status{color:var(--expense);font:500 10px ui-monospace,SFMono-Regular,Consolas,monospace}.sync-status i{background:var(--expense);border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block;box-shadow:0 0 9px #78b58acc}.icon-button{width:30px;height:30px;color:var(--gold);border:1px solid var(--line-bright);background:0 0;border-radius:50%;transition:transform .2s,border-color .2s,color .2s,filter .2s;position:relative;overflow:hidden}.icon-button:hover{color:var(--gold-bright);border-color:var(--gold);filter:brightness(1.18);transform:translateY(-2px)}.icon-button:active{transform:scale(.94)}.logout-top-button{min-height:32px;color:var(--gold-bright);background:#c7a45d1a;border:1px solid #c7a45d73;border-radius:4px 9px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:700;transition:transform .2s,background .2s,border-color .2s,color .2s;display:inline-flex}.logout-top-button:hover{color:#111214;background:var(--gold-bright);border-color:var(--gold-bright);transform:translateY(-1px)}.logout-top-button:active{transform:translateY(1px)}.logout-top-button span:first-child{font-size:16px;line-height:1}.account-menu-wrap{position:relative}.avatar{color:#111214;background:var(--gold);border-radius:50%;width:31px;height:31px;font-family:Georgia,serif;font-size:13px;font-weight:700}.avatar:hover,.avatar[aria-expanded=true]{filter:brightness(1.1);box-shadow:0 0 0 3px #c7a45d29}.account-menu{z-index:12;background:var(--panel);border:1px solid var(--line-bright);border-radius:4px 12px;width:182px;padding:7px;position:absolute;top:calc(100% + 11px);right:0;box-shadow:8px 8px #00000047}.account-menu-label{color:var(--muted);border-bottom:1px solid var(--line);padding:8px 10px 9px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.account-menu-item{width:100%;color:var(--ink-soft);text-align:left;background:0 0;border-radius:3px 8px;align-items:center;gap:8px;margin-top:4px;padding:9px 10px;font-size:11px;transition:color .2s,background .2s;display:flex}.account-menu-item span{width:18px;color:var(--gold);text-align:center}.account-menu-item:hover{color:var(--gold-bright);background:var(--gold-wash)}.account-menu-danger:hover{color:#f0a49b;background:var(--income-soft)}.account-menu-danger span{color:var(--income)}.page-section{max-width:1360px;margin:0 auto;padding:50px 5.2% 65px}.page-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:39px;display:flex}.page-heading.compact{align-items:start}.eyebrow{margin:0 0 12px}.page-heading h1{color:var(--ink);letter-spacing:-.06em;margin:0;font:600 clamp(31px,3.3vw,48px)/1.1 Georgia,Microsoft YaHei,serif}.page-heading h1 em{color:var(--gold-bright);font-style:normal}.subheading{color:var(--muted);margin:13px 0 0;font-size:13px}.heading-actions{align-items:center;gap:17px;display:flex}.month-picker{color:var(--muted);white-space:nowrap;align-items:center;gap:9px;font-size:11px;display:flex}.month-picker input{color:var(--ink-soft);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;outline:none;font:500 12px ui-monospace,SFMono-Regular,Consolas,monospace}.primary-button,.submit-button{color:#111214;background:linear-gradient(135deg, var(--gold-bright), var(--gold));border-radius:4px 10px;align-items:center;gap:8px;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;display:flex;position:relative;overflow:hidden;box-shadow:4px 4px #8067356b}.primary-button{padding:12px 17px;font-size:12px}.primary-button:after,.submit-button:after,.danger-button:after,.secondary-button:after,.add-inline button:after{content:"";opacity:0;background:linear-gradient(100deg,#0000,#ffffff6b,#0000);width:42%;position:absolute;top:0;bottom:0;left:-72%;transform:skew(-18deg)}.primary-button:hover,.submit-button:hover{filter:brightness(1.08);transform:translate(-1px,-1px);box-shadow:6px 6px #8067356b}.primary-button:hover:after,.submit-button:hover:after,.danger-button:hover:after,.secondary-button:hover:after,.add-inline button:hover:after{opacity:1;transition:transform .55s,opacity .15s;transform:translate(360%)}.primary-button:active,.submit-button:active{transform:translate(2px,2px)scale(.98);box-shadow:2px 2px #8067356b}.primary-button span{color:#4c3c20;font-size:16px;line-height:0}.metric-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px;display:grid}.metric-card{background:var(--panel);border:1px solid var(--line);min-height:155px;box-shadow:var(--shadow);border-radius:4px 13px;padding:22px 23px 18px;transition:transform .24s,filter .24s,border-color .24s}.metric-card:hover,.panel:hover{filter:brightness(1.04);border-color:var(--line-bright);transform:translateY(-3px)}.metric-card.balance-card{color:var(--ink);background:linear-gradient(145deg,#27231c,#161719 72%);border-color:#c7a45d8c;box-shadow:5px 5px #80673561}.metric-top{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.balance-card .metric-top{color:#b4a783}.metric-symbol{color:var(--muted);font-size:18px;line-height:.6}.balance-card .metric-symbol{color:var(--gold-bright)}.income-symbol{color:var(--income)}.expense-symbol{color:var(--expense)}.metric-card>strong{color:var(--ink);letter-spacing:-.07em;margin:23px 0 15px;font:500 clamp(20px,2.2vw,29px) ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.metric-card small{margin-left:3px;font-size:15px}.metric-foot{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.balance-card .metric-foot{color:#9b9074}.positive,.income-text{color:var(--income)}.negative,.expense-text{color:var(--expense)}.budget-progress{background:#2b2b29;height:5px;margin:0 0 10px;overflow:hidden}.budget-progress i{background:var(--gold);height:100%;transition:width .4s;display:block}.budget-card>strong{margin-bottom:13px}.unpaid-card{background:linear-gradient(145deg, #d76b681f, var(--panel));border-color:#d76b6857}.unpaid-card .metric-symbol{color:var(--income)}.content-grid{grid-template-columns:1.35fr 1fr;gap:17px;margin-bottom:17px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:4px 13px;transition:transform .24s,filter .24s,border-color .24s}.trend-panel,.category-panel,.recent-panel{padding:23px 25px}.panel-heading{justify-content:space-between;align-items:start;gap:20px;display:flex}.panel-heading h2{color:var(--ink);letter-spacing:-.02em;margin:0;font:600 17px Georgia,Microsoft YaHei,serif}.panel-heading p{color:var(--muted);margin:7px 0 0;font-size:10px}.legend{color:var(--muted);gap:15px;font-size:10px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.legend i{border-radius:50%;width:7px;height:7px;display:inline-block}.legend-income{background:var(--income)}.legend-expense{background:var(--expense)}.chart{grid-template-columns:34px 1fr;gap:4px;height:205px;margin-top:22px;display:grid}.chart-y{color:var(--muted-dark);flex-direction:column;justify-content:space-between;padding-bottom:19px;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.chart-area{border-bottom:1px solid var(--line);position:relative}.grid-line{border-top:1px dashed #2b2c2e;position:absolute;left:0;right:0}.line-1{top:0}.line-2{top:33%}.line-3{top:66%}.bars{justify-content:space-around;align-items:end;display:flex;position:absolute;inset:0 12px 0 0}.bar-group{align-items:end;gap:4px;width:11%;height:100%;padding-bottom:20px;display:flex;position:relative}.bar{z-index:1;border-radius:2px 2px 0 0;width:48%;min-height:5px;transition:height .4s,filter .2s}.bar:hover{filter:brightness(1.2)}.income-bar{background:var(--income)}.expense-bar{background:var(--expense)}.bar-group span{color:var(--muted);white-space:nowrap;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.category-panel{min-height:273px}.text-button{color:var(--gold);background:0 0;padding:2px 0;font-size:10px;transition:transform .2s,color .2s,filter .2s}.text-button:hover{color:var(--gold-bright);filter:brightness(1.15);transform:translate(2px)}.category-list{gap:17px;margin-top:26px;display:grid}.category-row{align-items:center;gap:10px;display:flex}.category-icon{border:1px solid;border-radius:4px 9px;flex:0 0 29px;place-items:center;width:29px;height:29px;font-size:10px;font-weight:700;display:grid}.category-info{flex:1;min-width:0}.category-info>div:first-child{justify-content:space-between;margin-bottom:7px;display:flex}.category-info b{color:var(--ink-soft);font-size:11px}.category-info span{color:var(--muted);font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.category-track{background:#2b2c2e;height:4px;overflow:hidden}.category-track i{height:100%;display:block}.category-row>strong{color:var(--ink-soft);font:500 10px ui-monospace,SFMono-Regular,Consolas,monospace}.empty-state{color:var(--muted);text-align:center;padding:35px 10px;font-size:11px}.recent-panel{padding-bottom:8px}.table-wrap{margin-top:17px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:600px}th{color:var(--muted);text-align:left;white-space:nowrap;padding:0 10px 10px;font:500 9px ui-monospace,SFMono-Regular,Consolas,monospace}td{border-top:1px solid #28292b;padding:13px 10px;font-size:11px}th:first-child,td:first-child{padding-left:0}.align-right{text-align:right}.bill-name{align-items:center;gap:8px;display:flex}.bill-name b{color:var(--ink-soft);font-size:11px;font-weight:700}.bill-name small{color:var(--muted);margin-left:2px;font-size:9px}.bill-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.tag{color:var(--ink-soft);background:var(--gold-wash);border:1px solid #c7a45d33;border-radius:3px 7px;padding:4px 8px;font-size:10px}.muted{color:var(--muted)}.amount{text-align:right;font:500 11px ui-monospace,SFMono-Regular,Consolas,monospace}.amount.expense{color:var(--expense)}.amount.income{color:var(--income)}.row-action{color:var(--muted);background:0 0;padding:3px 5px;font-size:10px;transition:transform .2s,color .2s,filter .2s}.row-action:hover{color:var(--gold-bright);filter:brightness(1.12);transform:translateY(-1px)}.actions-cell{white-space:nowrap}.delete-action:hover{color:var(--danger)}.transactions-page .page-heading,.settings-page .page-heading{margin-bottom:29px}.toolbar{align-items:center;gap:10px;margin-bottom:15px;display:flex}.search-box{color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:4px 9px;flex:1;align-items:center;gap:9px;padding:0 12px;display:flex}.search-box span{font-size:20px;line-height:1;transform:rotate(-20deg)}.search-box input{width:100%;color:var(--ink-soft);background:0 0;border:0;outline:0;padding:11px 0;font-size:11px}.search-box input::placeholder{color:var(--muted-dark)}.toolbar select,.toolbar .month-picker{color:var(--ink-soft);background:var(--panel);border:1px solid var(--line);border-radius:4px 9px;padding:10px 11px;font-size:11px}.toolbar select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.toolbar .month-picker input{width:100px}.full-table{padding:20px 24px 12px}.table-summary{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.table-summary b{font:500 11px ui-monospace,SFMono-Regular,Consolas,monospace}.payment-tag{white-space:nowrap;border-radius:3px 7px;flex-direction:column;gap:2px;padding:4px 7px;font-size:9px;display:inline-flex}.payment-tag small{color:inherit;opacity:.78;font:9px ui-monospace,SFMono-Regular,Consolas,monospace}.payment-已支付{color:var(--expense);background:var(--expense-soft)}.payment-未支付{color:var(--income);background:var(--income-soft)}.payment-部分支付{color:var(--gold-bright);background:var(--gold-wash)}.field-hint{color:var(--gold);margin-top:6px;font-size:9px;display:block}.settings-grid{grid-template-columns:repeat(2,1fr);gap:17px;display:grid}.setting-panel{padding:24px}.security-panel{grid-column:1/-1}.account-summary{color:var(--muted);background:var(--panel-soft);border:1px solid var(--line);border-radius:3px 8px;justify-content:space-between;align-items:center;gap:16px;margin:-3px 0 19px;padding:11px 13px;font-size:10px;display:flex}.account-summary strong{color:var(--gold-bright);font:500 12px ui-monospace,SFMono-Regular,Consolas,monospace}.security-form{grid-template-columns:repeat(3,1fr);align-items:end;gap:13px;display:grid}.security-form .auth-feedback{grid-column:1/-1}.security-form .secondary-button{justify-self:start}.logout-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;margin-top:23px;padding-top:19px;display:flex}.logout-row strong{color:var(--ink-soft);font-size:11px;display:block}.logout-row p{color:var(--muted);margin:6px 0 0;font-size:10px}.logout-row .danger-button{flex:none}.setting-heading{border-bottom:1px solid var(--line);align-items:flex-start;gap:13px;margin-bottom:20px;padding-bottom:19px;display:flex}.setting-icon{width:33px;height:33px;color:var(--gold);background:var(--gold-wash);border:1px solid #c7a45d47;border-radius:4px 10px;flex:0 0 33px;place-items:center;font-family:Georgia,serif;font-size:14px;font-weight:600;display:grid}.setting-heading h2{color:var(--ink);margin:2px 0 6px;font:600 17px Georgia,Microsoft YaHei,serif}.setting-heading p{color:var(--muted);margin:0;font-size:10px}.setting-field>span,.form-grid label>span{color:var(--muted);margin-bottom:8px;font-size:10px;display:block}.input-prefix{border:1px solid var(--line);border-radius:3px 8px;align-items:center;gap:8px;padding:0 10px;display:flex}.input-prefix b{color:var(--gold)}.input-prefix input{width:100%;color:var(--ink-soft);background:0 0;border:0;outline:0;padding:10px 0}.chip-list{flex-wrap:wrap;gap:7px;margin-bottom:15px;display:flex}.category-chip{color:var(--ink-soft);background:var(--gold-wash);border:1px solid #c7a45d38;border-radius:3px 7px;align-items:center;gap:6px;padding:5px 7px 5px 10px;font-size:10px;display:inline-flex}.category-remove{width:18px;height:18px;color:var(--muted);background:0 0;border-radius:50%;padding:0;font-size:15px;line-height:1;transition:transform .2s,color .2s,filter .2s}.category-remove:hover{color:var(--gold-bright);filter:brightness(1.16);transform:rotate(90deg)}.add-inline{gap:7px;display:flex}.add-inline input{min-width:0;color:var(--ink-soft);border:1px solid var(--line);background:0 0;border-radius:3px 8px;outline:0;flex:1;padding:9px 10px;font-size:10px}.add-inline input::placeholder{color:var(--muted-dark)}.add-inline button,.secondary-button{color:var(--gold-bright);background:var(--gold-wash);border:1px solid #c7a45d4d;border-radius:3px 8px;padding:8px 12px;font-size:10px;transition:transform .2s,filter .2s,border-color .2s;position:relative;overflow:hidden}.add-inline button:hover,.secondary-button:hover{filter:brightness(1.16);border-color:var(--gold);transform:translateY(-1px)}.add-inline button:active,.secondary-button:active{transform:scale(.97)}.setting-hint{color:var(--muted);margin:12px 0 0;font-size:10px}.backup-actions{gap:8px;display:flex}.upload-label{cursor:pointer}.upload-label input{display:none}.danger-button{color:#fff4ef;background:var(--income-soft);border:1px solid #d76b6880;border-radius:3px 8px;padding:8px 12px;font-size:10px;transition:transform .2s,filter .2s,border-color .2s;position:relative;overflow:hidden}.danger-button:hover{filter:brightness(1.15);border-color:var(--danger);transform:translateY(-1px)}.danger-button:active{transform:scale(.97)}.danger-hint{color:var(--income)}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{width:min(100%,500px);color:var(--ink-soft);background:var(--panel);border:1px solid var(--line-bright);border-radius:4px 15px;padding:28px;box-shadow:10px 10px #00000052}.modal-heading{justify-content:space-between;margin-bottom:22px;display:flex}.modal-heading h2{color:var(--ink);letter-spacing:-.05em;margin:0;font:600 28px Georgia,Microsoft YaHei,serif}.modal-caption{color:var(--muted);margin:7px 0 0;font-size:10px}.close-button{width:29px;height:29px;color:var(--muted);background:var(--panel-raised);border:1px solid var(--line);border-radius:50%;font-size:20px;line-height:1;transition:transform .2s,color .2s,border-color .2s}.close-button:hover{color:var(--gold-bright);border-color:var(--gold);transform:rotate(90deg)}.unpaid-modal{width:min(100%,720px)}.unpaid-list{gap:9px;max-height:min(58vh,460px);padding-right:3px;display:grid;overflow:auto}.unpaid-item{background:var(--panel-soft);border:1px solid var(--line);border-radius:4px 10px;justify-content:space-between;align-items:center;gap:18px;padding:13px 14px;display:flex}.unpaid-item-main{align-items:center;gap:10px;min-width:0;display:flex}.unpaid-item-main strong{color:var(--ink-soft);font-size:12px;display:block}.unpaid-item-main p{max-width:320px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:10px;overflow:hidden}.unpaid-item-money{color:var(--muted);white-space:nowrap;align-items:center;gap:12px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.unpaid-item-money b{color:var(--income);font-weight:500}.unpaid-item-money .row-action{font-family:inherit}.unpaid-empty{margin:5px 0 8px}.type-switch{background:var(--panel-soft);border:1px solid var(--line);border-radius:4px 9px;margin-bottom:16px;padding:3px;display:flex}.type-switch button{color:var(--muted);background:0 0;border-radius:3px 7px;flex:1;padding:9px;font-size:11px;transition:transform .2s,color .2s,filter .2s}.type-switch button.selected{color:var(--gold-bright);background:var(--gold-wash);border:1px solid #c7a45d59}.type-switch button:active{transform:scale(.98)}.amount-field{color:var(--gold);border-bottom:1px solid var(--line);align-items:center;gap:8px;margin-bottom:8px;padding:14px 0;display:flex}.amount-field span{font:600 22px Georgia,serif}.amount-field input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font:500 32px ui-monospace,SFMono-Regular,Consolas,monospace}.form-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.form-grid label{min-width:0}.form-grid input,.form-grid select{width:100%;color:var(--ink-soft);background:var(--panel-soft);border:1px solid var(--line);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:3px 8px;outline:0;padding:10px;font-size:11px}.form-grid input::placeholder{color:var(--muted-dark)}.full-field{grid-column:1/-1}.submit-button{justify-content:center;width:100%;margin-top:22px;padding:13px 16px;font-size:12px}.submit-button span{color:#4c3c20;font-size:16px}.clear-modal{width:min(100%,530px)}.clear-warning{color:#e5b0aa;background:var(--income-soft);border:1px solid #d76b6873;border-left:4px solid var(--danger);border-radius:3px 10px;gap:8px;margin-bottom:24px;padding:16px 17px;display:grid}.clear-warning strong{color:#f09b91;font:600 15px Georgia,serif}.clear-warning p{margin:0;font-size:11px;line-height:1.75}.confirm-actions{justify-content:flex-start;align-items:center;gap:9px;display:flex}.danger-confirm,.cancel-confirm{border-radius:3px 8px;min-width:92px;padding:10px 14px;font-size:11px;transition:transform .2s,filter .2s,border-color .2s}.danger-confirm{color:#fff4ef;background:var(--income-soft);border:1px solid #d76b688c}.danger-confirm:hover{filter:brightness(1.15);transform:translateY(-1px)}.danger-confirm:active,.cancel-confirm:active{transform:scale(.97)}.cancel-confirm{color:var(--ink-soft);background:var(--panel-raised);border:1px solid var(--line)}.cancel-confirm:hover{color:var(--gold-bright);border-color:var(--gold);transform:translateY(-1px)}.modal-heading+.clear-warning{margin-top:-2px}.toast-message{z-index:20;color:var(--ink);border:1px solid var(--gold-dark);background:#28251f;border-radius:4px 10px;padding:12px 16px;font-size:11px;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 28px #00000052}.toast-enter-active,.toast-leave-active{transition:opacity .2s,transform .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(8px)}.page-section>*{animation:.48s both rise-in}.page-section>:nth-child(2){animation-delay:60ms}.page-section>:nth-child(3){animation-delay:.12s}.page-section>:nth-child(4){animation-delay:.18s}.category-row,tbody tr{animation:.38s both rise-in}.category-row:nth-child(2),tbody tr:nth-child(2){animation-delay:40ms}.category-row:nth-child(3),tbody tr:nth-child(3){animation-delay:80ms}.category-row:nth-child(4),tbody tr:nth-child(4){animation-delay:.12s}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.account-modal{width:min(100%,430px)}.security-modal-form{gap:14px;margin-bottom:17px;display:grid}.security-modal-form label{gap:8px;display:grid}.security-modal-form label>span{color:var(--muted);font-size:10px}.security-modal-form input{width:100%;color:var(--ink-soft);background:var(--panel-soft);border:1px solid var(--line);border-radius:3px 9px;outline:none;padding:11px 12px;font-size:12px;transition:border-color .2s,background .2s,box-shadow .2s}.security-modal-form input:focus{border-color:var(--gold);background:#191a1d;box-shadow:0 0 0 3px #c7a45d1c}.account-modal .auth-feedback{margin-bottom:14px}.account-modal .confirm-actions{align-items:stretch}.account-modal .auth-submit{border:0;flex:1;box-shadow:4px 4px #8067354d}.account-modal .cancel-confirm{min-width:78px}.app-shell.sidebar-is-collapsed{grid-template-columns:78px minmax(0,1fr)}.sidebar-is-collapsed .sidebar{padding-left:12px;padding-right:12px}.sidebar-is-collapsed .brand{justify-content:center;padding:0}.sidebar-is-collapsed .brand-copy,.sidebar-is-collapsed .side-section-label,.sidebar-is-collapsed .sidebar-bottom,.sidebar-is-collapsed .nav-label{display:none}.sidebar-is-collapsed .sidebar-toggle{top:5px;right:-2px}.sidebar-is-collapsed nav{margin-top:46px}.sidebar-is-collapsed .nav-item{justify-content:center;padding:10px 5px}.sidebar-is-collapsed .nav-item:hover{transform:translateY(-2px)}@media (width<=1000px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.app-shell.sidebar-is-collapsed{grid-template-columns:70px minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.sidebar{padding-left:12px;padding-right:12px}}@media (width<=700px){.auth-card{padding:27px 21px}.auth-brand{margin-bottom:31px}.security-form{grid-template-columns:1fr}.security-form .secondary-button{justify-self:stretch}.logout-row{flex-direction:column;align-items:stretch;gap:13px}.logout-row .danger-button{width:100%}.app-shell,.app-shell.sidebar-is-collapsed{display:block}.sidebar{z-index:5;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;height:64px;padding:0 15px;position:sticky;top:0;overflow:visible}.sidebar:after{display:none}.brand{padding:0}.brand-mark{flex-basis:32px;width:32px;height:32px;font-size:15px}.brand span,.side-section-label,.sidebar-bottom,.sidebar-toggle{display:none}.brand strong{font-size:14px}.sidebar nav{gap:3px;margin:0 0 0 auto;display:flex}.nav-item{width:auto;margin:0;padding:6px}.nav-item:not(.active){color:var(--muted)}.nav-item .nav-icon{flex-basis:27px;width:27px;height:27px}.nav-item{font-size:0}.nav-item.active{background:var(--gold-wash)}.topbar{height:57px;padding:0 18px}.top-actions{gap:8px}.sync-status{display:none}.logout-top-button{min-height:30px;padding:5px 8px;font-size:10px}.logout-top-label{display:none}.logout-top-button span:first-child{font-size:17px}.page-section{padding:32px 18px 50px}.page-heading{margin-bottom:28px;display:block}.page-heading h1{font-size:32px}.heading-actions{justify-content:space-between;margin-top:24px}.metric-grid{gap:9px}.metric-card{min-height:135px;padding:16px}.metric-card>strong{margin:20px 0 12px;font-size:20px}.trend-panel,.category-panel,.recent-panel{padding:19px 16px}.legend{display:none}.toolbar{flex-wrap:wrap}.search-box{flex-basis:100%}.toolbar select,.toolbar .month-picker{flex:1}.settings-grid{grid-template-columns:1fr}.modal{padding:21px}.unpaid-item{display:block}.unpaid-item-money{flex-wrap:wrap;justify-content:space-between;margin-top:11px}.form-grid{gap:12px}}@media (width<=560px){.backup-actions{flex-wrap:wrap}.backup-actions>*{text-align:center;flex:calc(50% - 5px)}.clear-modal{padding:21px}.clear-warning{padding:14px}.confirm-actions{gap:8px}.danger-confirm,.cancel-confirm{flex:1}.table-summary{gap:7px;display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}