:root{--primary: #2f54eb;--primary-soft: #eef2ff;--income: #19be6b;--expense: #e54d42;--text: #1f2329;--text-2: #8a919f;--bg: #f5f6f8;--card: #fff;--line: #eceef2;--radius: 12px;--sidebar-w: 210px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,select,textarea{font-family:inherit;outline:none;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:8px;padding:8px 10px}input:focus,select:focus{border-color:var(--primary)}.admin{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:#1f2433;color:#c7ccd6;padding:18px 0;position:sticky;top:0;height:100vh}.sidebar .brand{padding:0 20px 16px;font-size:16px;font-weight:700;color:#fff;border-bottom:1px solid #2c3242;margin-bottom:12px}.sidebar .brand small{display:block;font-size:11px;font-weight:400;color:#7a8294;margin-top:4px}.sidebar a{display:flex;align-items:center;gap:10px;padding:11px 20px;color:#c7ccd6;font-size:14px;border-left:3px solid transparent}.sidebar a:hover{background:#272d3d;color:#fff}.sidebar a.router-link-active{background:#272d3d;color:#fff;border-left-color:var(--primary)}.sidebar .back{margin-top:16px;padding:0 20px}.sidebar .back a{color:#7a8294;border-left:none;padding:10px 0;font-size:12px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:56px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;font-weight:600;font-size:16px;position:sticky;top:0;z-index:5}.topbar .sub{color:var(--text-2);font-weight:400;font-size:13px;margin-left:10px}.content{padding:20px 22px}.card{background:var(--card);border-radius:var(--radius);padding:18px;box-shadow:0 1px 3px #0000000a}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 900px){.grid-4,.grid-3,.grid-2{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--card);border-radius:var(--radius);padding:16px 18px;box-shadow:0 1px 3px #0000000a}.stat .label{color:var(--text-2);font-size:13px}.stat .value{font-size:24px;font-weight:700;margin-top:6px}.stat .value.income{color:var(--income)}.stat .value.expense{color:var(--expense)}.stat .value.primary{color:var(--primary)}table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 3px #0000000a}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);font-size:13px}th{background:#fafbfc;color:var(--text-2);font-weight:600}tbody tr:hover{background:#fafbff}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--text-2);font-size:12px}.income-txt{color:var(--income);font-weight:600}.expense-txt{color:var(--expense);font-weight:600}.tag{display:inline-block;padding:2px 9px;border-radius:20px;font-size:12px;background:#eef2ff;color:var(--primary)}.tag.green{background:#e8f8ef;color:var(--income)}.tag.red{background:#fdeceb;color:var(--expense)}.tag.gray{background:#f0f1f3;color:var(--text-2)}.tag.orange{background:#fff3e0;color:#fa8c16}.btn{border-radius:8px;padding:7px 14px;font-size:13px;background:#f2f3f5;color:#555}.btn:hover{background:#e9eaec}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:#1d3fc0}.btn.danger{background:#fdeceb;color:var(--expense)}.btn.danger:hover{background:#f9d6d3}.btn.sm{padding:4px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.toolbar .spacer{flex:1}.pager{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:14px}.login-gate{max-width:460px;margin:12vh auto;text-align:center}.login-gate .card{padding:32px}.login-gate h2{margin:0 0 8px}.login-gate p{color:var(--text-2)}.chart-wrap{background:#fff;border-radius:var(--radius);padding:18px;box-shadow:0 1px 3px #0000000a}.toast{position:fixed;left:50%;top:40px;transform:translate(-50%);background:#000000d1;color:#fff;padding:10px 18px;border-radius:8px;z-index:999;font-size:14px}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.muted{color:var(--text-2)}.row{display:flex;gap:10px;align-items:center}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:12px;padding:22px;width:380px;max-width:90vw}.modal h3{margin:0 0 14px}.field{margin-bottom:12px}.field label{display:block;font-size:13px;margin-bottom:6px;color:var(--text-2)}