:root{--ink:#16212b;--muted:#6e7b84;--line:#dbe3e1;--paper:#fff;--wash:#f2f5f3;--green:#147a67;--green2:#dff1e9;--gold:#c6933f;--red:#b94e46;--nav:#111820;--shadow:0 14px 35px rgba(21,44,42,.08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--wash)}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.52}.hidden{display:none!important}.muted{color:var(--muted)}.error{color:var(--red);min-height:20px}.login-view{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);background:linear-gradient(135deg,#0d141b 0 50%,#f4f6f3 50%)}.login-art{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f4d27d;letter-spacing:.08em}.login-art img{width:min(280px,55vw);height:min(280px,55vw);object-fit:contain;border-radius:28px}.login-art span{font:600 42px Georgia,serif;margin-top:14px}.login-art small{font-size:11px;color:#d5bd89;margin-top:7px}.login-card{align-self:center;justify-self:center;width:min(410px,calc(100% - 48px));padding:46px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.8);border-radius:25px;box-shadow:var(--shadow)}.eyebrow{font-size:11px;letter-spacing:.14em;color:var(--gold);font-weight:700}.login-card h1{font-size:38px;margin:8px 0}.login-card label,.filter label,.month-picker{display:flex;flex-direction:column;gap:7px;margin:20px 0;font-weight:700;font-size:13px}.login-card input,.filter input,.filter select,.month-picker input{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:13px;color:var(--ink);outline:none}.login-card input:focus,.filter input:focus,.filter select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(20,122,103,.12)}.wide{width:100%}.primary{background:var(--green);color:#fff;padding:13px 18px;border-radius:10px;font-weight:800}.secondary,.ghost{background:#fff;border:1px solid var(--line);color:var(--ink);padding:11px 16px;border-radius:10px;font-weight:700}.shell{min-height:100vh;display:flex}.sidebar{width:254px;background:var(--nav);color:#e8f0ed;display:flex;flex-direction:column;padding:25px 15px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:3px 10px 30px}.brand img{width:50px;height:50px;border-radius:14px;object-fit:cover}.brand strong{display:block;font-size:20px}.brand span{display:block;color:#91a19e;font-size:12px;margin-top:5px}.sidebar nav{display:grid;gap:6px}.nav-item{display:flex;justify-content:space-between;align-items:center;padding:14px 14px;border-radius:12px;background:transparent;color:#b5c1bf;text-align:left;font-weight:700}.nav-item small{font-size:10px;color:#667571}.nav-item:hover,.nav-item.active{background:#1b413b;color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--gold)}.sidebar-foot{margin-top:auto;color:#869491;font-size:11px;display:grid;gap:12px}.sidebar-foot .ghost{background:#19232c;border-color:#36434a;color:#dae4e1}.main{min-width:0;flex:1}.topbar{height:96px;display:flex;justify-content:space-between;align-items:center;padding:20px 4vw;background:rgba(255,255,255,.86);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3}.topbar h2{margin:0;font-size:28px}.mobile-kicker{display:none}.top-actions{display:flex;align-items:center;gap:10px}.month-picker{margin:0;min-width:145px;font-size:11px}.month-picker input{padding:9px}.menu-btn{display:none;background:var(--nav);color:#fff;padding:11px;border-radius:10px}.content{max-width:1450px;padding:30px 4vw 70px}.status-bar{margin:18px 4vw 0;padding:13px 16px;border:1px solid #ebd09a;background:#fff9ed;color:#815c27;border-radius:12px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:0 0 18px}.section-head h3{margin:0;font-size:22px}.section-head p{margin:7px 0 0;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.metric{min-height:138px;position:relative;overflow:hidden}.metric small{display:block;color:var(--muted);font-weight:700}.metric b{display:block;font-size:28px;margin-top:20px;letter-spacing:-.03em}.metric span{display:block;margin-top:8px;color:var(--green);font-size:12px}.metric.accent{background:linear-gradient(140deg,#0d4e44,#21836e);color:#fff;border-color:transparent}.metric.accent small,.metric.accent span{color:#c3eee2}.metric.gold{background:#fff7e9;border-color:#f1d49d}.metric.u{background:#172530;color:#fff}.metric.u small,.metric.u span{color:#efd19a}.split-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;margin-top:18px}.expense-flow{display:grid;grid-template-columns:1fr 32px 1fr 32px 1.2fr;align-items:center;gap:8px}.flow-box{background:#f6faf8;border:1px solid var(--line);border-radius:14px;padding:18px}.flow-box b{display:block;font-size:22px;margin-top:10px}.flow-arrow{font-size:23px;color:var(--gold);text-align:center}.pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:var(--green2);color:var(--green);font-size:12px;font-weight:800}.pill.warn{background:#fff0da;color:#a4621e}.pill.bad{background:#fee7e4;color:var(--red)}.notice{border-left:3px solid var(--gold);background:#fff9ee;padding:14px 16px;border-radius:10px;color:#795b2a;line-height:1.6}.list{display:grid;gap:10px}.list-row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.list-row strong{display:block}.list-row small{display:block;color:var(--muted);margin-top:5px}.list-row b{white-space:nowrap;color:var(--green)}.table-card{padding:0;overflow:hidden}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.table th{font-size:12px;color:var(--muted);background:#f7faf8}.table td small{display:block;color:var(--muted);margin-top:4px}.filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:15px}.filter{margin:0}.filter input,.filter select{padding:11px}.filter-actions{display:flex;align-items:end;gap:8px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:15px;color:var(--muted);font-size:13px}.page-buttons{display:flex;gap:6px}.page-buttons button{padding:7px 11px;border:1px solid var(--line);background:#fff;border-radius:8px}.bar{height:8px;border-radius:20px;background:#e5eeeb;overflow:hidden;margin-top:10px}.bar i{display:block;height:100%;background:var(--green);border-radius:20px}.import-drop{border:2px dashed #b9d7cd;border-radius:18px;background:#fbfefd;padding:42px;text-align:center}.import-drop input{margin-top:15px}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.preview-item{background:#f8fbf9;padding:14px;border-radius:12px;border:1px solid var(--line)}.preview-item b{display:block;font-size:20px;margin-top:7px}.mode-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.mode-row button{padding:11px 14px;border-radius:10px;background:#fff;border:1px solid var(--line);font-weight:800}.mode-row button.primary{background:var(--green);color:#fff;border-color:var(--green)}.mode-row button.ready{border-color:var(--green);color:var(--green)}.mode-row button.chosen{background:var(--green);color:#fff}.bottom-nav{display:none}.empty{padding:34px;text-align:center;color:var(--muted)}@media(max-width:1050px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.split-grid{grid-template-columns:1fr}.filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.login-view{display:block;background:#101820;padding:22px 0}.login-art{padding:30px 0 20px}.login-art img{width:155px;height:155px}.login-art span{font-size:28px}.login-card{width:calc(100% - 28px);padding:28px;margin:0 auto}.sidebar{position:fixed;left:-270px;z-index:10;transition:left .2s}.sidebar.open{left:0}.topbar{height:76px;padding:13px 16px}.topbar h2{font-size:21px}.mobile-kicker{display:block;color:var(--gold);font-size:11px;font-weight:800;margin-bottom:4px}.top-actions .month-picker{display:none}.menu-btn{display:block}.content{padding:20px 14px 95px}.status-bar{margin:12px 14px 0}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{min-height:112px;padding:14px}.metric b{font-size:21px;margin-top:14px}.metric span{font-size:11px}.card{border-radius:14px;padding:15px}.expense-flow{grid-template-columns:1fr;gap:7px}.flow-arrow{transform:rotate(90deg)}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:1fr 1fr}.filter:last-child{grid-column:span 2}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.96);border-top:1px solid var(--line);z-index:8;padding:8px 5px calc(8px + env(safe-area-inset-bottom));justify-content:space-around}.bottom-nav button{background:none;color:var(--muted);font-weight:800;padding:9px 12px}.bottom-nav button.active{color:var(--green)}}.password-form{max-width:560px;display:grid;gap:12px}.password-form .filter{display:flex;flex-direction:column;gap:7px;margin:0;font-weight:700;font-size:13px}.password-form input{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:13px;color:var(--ink);outline:none}.password-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(20,122,103,.12)}