:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#1e2430;background:#f5f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#111827;color:#eef2f7;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 28px}.logo{width:42px;height:42px;border-radius:13px;background:#fff;color:#111827;display:grid;place-items:center;font-weight:800;font-size:21px}.brand b{display:block;font-size:20px}.brand span{display:block;font-size:12px;color:#94a3b8;margin-top:3px}nav{display:grid;gap:7px}nav button{border:0;background:transparent;color:#cbd5e1;text-align:left;padding:12px 14px;border-radius:10px}nav button:hover,nav button.active{background:#263143;color:#fff}nav em{float:right;background:#374151;border-radius:99px;padding:1px 7px;font-style:normal;font-size:11px}.side-actions{margin-top:auto;display:grid;gap:9px}.side-actions button,.header-actions button,.modal-actions button,.empty button{border:0;border-radius:10px;padding:11px 14px;background:#2563eb;color:#fff}.secondary{background:#e8edf5!important;color:#263143!important}.privacy{font-size:11px;line-height:1.6;color:#6f7d91;margin-top:18px}main{padding:32px 38px 60px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}h1{margin:0;font-size:28px}header p,.panel-head p{margin:6px 0 0;color:#7b8797;font-size:13px}.header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.header-actions input,.header-actions button{height:40px;border:1px solid #dce2ea;border-radius:9px;background:#fff;color:#334155;padding:0 12px}.header-actions button{cursor:pointer}.notice{background:#eaf2ff;border:1px solid #cfe0ff;color:#244b86;border-radius:10px;padding:12px 14px;margin-bottom:18px;display:flex;justify-content:space-between}.notice button{border:0;background:transparent;font-size:18px}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric{background:#fff;border:1px solid #e6ebf0;border-radius:14px;padding:20px;box-shadow:0 4px 18px #1a273908}.metric span{color:#687386;font-size:13px}.metric strong{display:block;margin:12px 0 8px;font-size:26px;letter-spacing:-.5px}.metric small{color:#8b95a4}.metric.income strong,.income-text{color:#0b8a5a}.metric.expense strong,.expense-text{color:#d55247}.metric.savings strong,.savings-text{color:#6d55b8}.grid2{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:18px}.panel{background:#fff;border:1px solid #e6ebf0;border-radius:14px;padding:20px;box-shadow:0 4px 18px #1a273908}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel h2{font-size:17px;margin:0}.category-wrap{display:grid;grid-template-columns:1fr 1fr;align-items:center}.cat-list{display:grid;gap:10px}.cat-list>div{display:grid;grid-template-columns:1fr auto;gap:3px 10px}.cat-list span{font-size:13px;color:#596579}.cat-list b{font-size:13px}.cat-list small{grid-column:1/-1;color:#98a2b1;font-size:11px}.compact{min-height:250px}.saving-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid #f0f2f5}.saving-row b{display:block;font-size:13px}.saving-row small{display:block;color:#8b95a4;margin-top:4px;max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saving-row strong{font-size:13px;color:#6d55b8}.saving-summary{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#8b95a4;font-size:11px;padding-top:13px}.rank{display:grid;grid-template-columns:28px 1fr auto;align-items:center;padding:12px 0;border-bottom:1px solid #f0f2f5}.rank i{font-style:normal;width:22px;height:22px;border-radius:7px;background:#f0f3f7;display:grid;place-items:center;font-size:11px}.rank span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank b{font-size:13px}.insight{padding:12px 0;border-bottom:1px solid #f0f2f5;display:grid;grid-template-columns:1fr auto;gap:3px 12px}.insight span{font-size:13px;color:#657083}.insight small{grid-column:1/-1;color:#9aa4b1}.empty{background:#fff;border:1px dashed #cdd6e2;border-radius:16px;min-height:430px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px}.empty>div{width:62px;height:62px;border-radius:18px;background:#eff5ff;color:#2563eb;display:grid;place-items:center;font-size:26px;font-weight:800}.empty h2{margin:18px 0 6px}.empty p{max-width:560px;color:#778296;line-height:1.8}.empty button{margin-top:12px}.filters{display:grid;grid-template-columns:2fr repeat(5,1fr);gap:8px;margin-bottom:15px}.filters input,.filters select,.form-grid input,.form-grid select{height:39px;border:1px solid #dce2ea;border-radius:8px;background:#fff;padding:0 10px;min-width:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:980px}th{text-align:left;color:#7b8797;font-size:12px;font-weight:500;background:#f8fafc;padding:11px 10px;border-bottom:1px solid #e9edf2}td{padding:12px 10px;border-bottom:1px solid #eff2f5;font-size:13px;vertical-align:top}td b{display:block;font-weight:600;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td small{display:block;color:#8b95a4;margin-top:4px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag{display:inline-block;border-radius:6px;padding:3px 7px;background:#eef2f7}.tag.wx{background:#e9f8ef;color:#16864d}.tag.ali{background:#eaf3ff;color:#1769c2}.transfer,.saving-tag{display:inline-block;margin-top:5px;font-style:normal;color:#7d5cc8;background:#f2edff;border-radius:5px;padding:2px 5px;font-size:10px}.saving-tag{color:#5c4aa0;background:#eeeaff}.link{border:0;background:transparent;color:#2563eb;padding:3px 5px}.link.danger{color:#d55247}.empty-row{text-align:center;color:#929dab;padding:38px}.small-cards .metric strong{font-size:30px}.check-list{display:grid}.check-item{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #eef1f4}.check-type{font-size:12px;border-radius:7px;background:#f3f5f8;padding:6px 8px;width:max-content}.check-item p{margin:0;color:#566174}.check-item button{border:1px solid #d9e0e8;background:#fff;border-radius:8px;padding:6px 10px}.danger-zone{margin-top:18px;color:#8b95a4;font-size:12px;display:flex;gap:10px;align-items:center}.danger-zone button{border:1px solid #f0c9c5;color:#b84238;background:#fff7f6;border-radius:8px;padding:8px 10px}.muted{color:#99a3b1}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a75;display:grid;place-items:center;z-index:50;padding:20px}.modal{width:min(680px,95vw);background:#fff;border-radius:16px;padding:22px;box-shadow:0 20px 80px #00000038}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0}.modal-head button{border:0;background:transparent;font-size:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.form-grid label{font-size:12px;color:#657083;display:grid;gap:6px}.form-grid .full{grid-column:1/-1}.form-grid .check{display:flex;align-items:center;gap:8px}.form-grid .check input{height:auto}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}@media (max-width:1200px){.app{grid-template-columns:205px 1fr}main{padding:26px 22px}.cards{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr 1fr}.category-wrap{grid-template-columns:1fr 1fr}}@media (max-width:760px){.app{display:block}.sidebar{position:static;height:auto}.sidebar nav{display:flex;overflow:auto}.side-actions{margin-top:16px}.privacy{display:none}main{padding:20px 14px}header{align-items:flex-start;flex-direction:column}.cards{grid-template-columns:1fr 1fr}.category-wrap{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}.six-cards{grid-template-columns:repeat(6,minmax(0,1fr))}.metric.assets strong{color:#2563eb}.metric em{display:block;margin-top:5px;color:#a0a8b4;font-size:10px;font-style:normal}.formula-note{margin:-4px 0 18px;padding:12px 14px;border:1px solid #dfe7f2;background:#f8fbff;border-radius:10px;color:#5f6b7c;font-size:12px;line-height:1.7}.formula-note b{color:#334155}.mini-button,.primary-small{border:1px solid #dce2ea;background:#fff;color:#334155;border-radius:8px;padding:7px 10px}.primary-small{border:0;background:#2563eb;color:#fff;padding:9px 12px}.account-mini{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid #f0f2f5}.account-mini b{display:block;font-size:13px}.account-mini small{display:block;color:#8b95a4;margin-top:4px}.account-mini strong{font-size:14px}.account-empty{padding:24px 0;text-align:center;color:#8b95a4}.account-empty button,.asset-empty button{border:0;border-radius:9px;background:#2563eb;color:#fff;padding:9px 12px}.asset-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.accounts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.account-card{position:relative;border:1px solid #e6ebf0;border-radius:13px;padding:17px;background:#fbfcfe}.account-card.liability{background:#fff9f8;border-color:#f1dedb}.account-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.account-title b{display:block;font-size:15px}.account-title span{display:block;margin-top:4px;color:#8b95a4;font-size:11px}.account-title button,.delete-account{border:0;background:transparent;color:#2563eb;padding:0}.account-card>strong{display:block;font-size:24px;margin:18px 0 8px}.account-card.liability>strong{color:#d55247}.account-card p{min-height:18px;margin:0 0 16px;color:#7e8998;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-foot{display:flex;justify-content:space-between;gap:10px;color:#9aa4b1;font-size:10px;border-top:1px solid #edf0f4;padding-top:10px}.delete-account{margin-top:12px;color:#c9554d;font-size:11px}.asset-empty{text-align:center;padding:52px 20px;color:#768296}.asset-empty h3{margin:0 0 8px;color:#334155}.asset-empty p{max-width:650px;margin:0 auto 16px;line-height:1.8}.asset-explain{margin-top:18px}.definition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.definition-grid>div{background:#f8fafc;border-radius:10px;padding:14px}.definition-grid b{font-size:13px}.definition-grid p{margin:7px 0 0;color:#758092;font-size:12px;line-height:1.7}.account-modal{width:min(620px,95vw)}@media (max-width:1450px){.six-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:1200px){.asset-cards,.accounts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.six-cards,.asset-cards{grid-template-columns:1fr 1fr}.accounts-grid,.definition-grid{grid-template-columns:1fr}.formula-note{font-size:11px}}.small-cards{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1200px){.small-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.small-cards{grid-template-columns:1fr 1fr}}