@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#182033;font-synthesis:none;--blue:#2563eb;--navy:#182033;--muted:#718096;--line:#e6eaf1;--panel:#fff;--green:#0f9f6e;--red:#dc4b5d;background:#f5f7fb;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f5f7fb;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:30;background:#fff;flex-direction:column;width:250px;padding:20px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:2px 10px 22px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#2563eb,#13b7a1);border-radius:10px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.brand strong{letter-spacing:.3px;font-size:15px;display:block}.brand span{letter-spacing:2px;color:#7a8498;margin-top:2px;font-size:10px;display:block}.workspace{border:1px solid var(--line);background:#fafbfe;border-radius:13px;align-items:center;gap:10px;margin-bottom:18px;padding:11px;display:flex}.avatar{width:34px;height:34px;color:var(--blue);background:#e9f0ff;border-radius:10px;place-items:center;font-size:11px;font-weight:800;display:grid}.workspace b{font-size:12px;display:block}.workspace small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.sidebar nav{gap:4px;display:grid}.sidebar nav button{color:#67738a;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:11px 12px;font-size:13px;font-weight:600;display:flex}.sidebar nav button:hover{color:#26334c;background:#f4f7fc}.sidebar nav button.active{color:var(--blue);background:#eaf1ff}.sidebar-bottom{margin-top:auto}.currency-lock{border-top:1px solid var(--line);color:#4d596d;padding:16px 10px 4px;font-size:13px;font-weight:800}.currency-lock span{color:#8a94a6;margin-left:7px;font-weight:500}.currency-lock b{color:var(--blue);margin-top:5px;font-size:11px;display:block}.main{width:calc(100% - 250px);min-width:0;margin-left:250px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:78px;padding:0 34px;display:flex}.eyebrow{color:#8b95a7;letter-spacing:1.3px;font-size:10px;font-weight:700}.topbar h1{margin:4px 0 0;font-size:19px}.top-actions{align-items:center;gap:8px;display:flex}.icon{border:1px solid var(--line);color:#59657a;background:#fff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.profile{color:#4d596d;background:0 0;border:0;align-items:center;gap:8px;display:flex}.profile span{color:#fff;background:#19243a;border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;display:grid}.profile b{font-size:11px}.mobile{display:none}.content{max-width:1380px;margin:auto;padding:30px}.page-head{justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px;display:flex}.page-head h2{margin:0 0 5px;font-size:22px}.page-head p{color:var(--muted);margin:0;font-size:13px}.primary{color:#fff;background:#182033;border:0;border-radius:10px;align-items:center;gap:7px;padding:10px 15px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 5px 15px #18203318}.primary:hover{background:#101828}.cards{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:13px;padding:18px;display:flex}.metric-icon{border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.metric-icon.blue{color:#2563eb;background:#eaf1ff}.metric-icon.green{color:#0f9f6e;background:#e7f8f1}.metric-icon.red{color:#dc4b5d;background:#ffedf0}.metric span{color:#788398;font-size:11px;display:block}.metric strong{margin:5px 0 3px;font-size:19px;display:block}.metric small{color:#a0a8b7;font-size:9px}.grid-two{grid-template-columns:1.25fr 1fr;gap:16px;margin-bottom:16px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:15px;margin-bottom:16px;padding:18px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.panel-head h3{margin:0 0 4px;font-size:14px}.panel-head span{color:var(--muted);font-size:11px}.cash-flow{border-bottom:1px solid #edf0f5;justify-content:center;align-items:end;gap:34px;height:210px;padding:20px 20px 0;display:flex}.bar{background:#eef4ff;border-radius:10px 10px 0 0;align-items:end;width:54px;height:170px;display:flex;overflow:hidden}.bar span{background:#4d7ff0;border-radius:10px 10px 0 0;width:100%}.bar.expense{background:#fff0f2}.bar.expense span{background:#e26b7a}.legend{color:#6f7a8e;justify-content:center;gap:20px;padding-top:13px;font-size:10px;display:flex}.dot{background:#4d7ff0;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.expense-dot{background:#e26b7a}.quick-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.quick-grid button{border:1px solid var(--line);text-align:left;background:#fbfcff;border-radius:11px;grid-template-columns:25px 1fr;column-gap:8px;padding:13px;display:grid}.quick-grid button svg{color:var(--blue);grid-row:span 2;margin-top:2px}.quick-grid b{font-size:11px}.quick-grid small{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.4}.toolbar{gap:9px;margin-bottom:14px;display:flex}.toolbar input,.toolbar select{border:1px solid var(--line);background:#fafbfe;border-radius:9px;outline:none;flex:1;padding:10px 12px;font-size:12px}.toolbar button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 13px;font-size:11px;font-weight:700}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:#8a94a6;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--line);padding:11px 10px;font-size:10px}td{color:#4e5a70;border-bottom:1px solid #f0f2f6;padding:13px 10px;font-size:12px}td b{color:#202b3f;font-size:12px;display:block}td small{color:#929baa;margin-top:3px;font-size:9px;display:block}.positive{color:#0c9567;font-weight:700}.negative{color:#d64c5d;font-weight:700}.status,.tag{color:#0c9567;background:#eaf8f2;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.account-list,.ledger-list{display:grid}.account-row,.ledger-row{border-bottom:1px solid #f0f2f6;justify-content:space-between;align-items:center;padding:13px 4px;display:flex}.account-row>div:first-child,.ledger-row>div:first-child{align-items:center;gap:11px;display:flex}.account-icon{color:#2563eb;background:#eef4ff;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.account-row b,.ledger-row b{font-size:12px;display:block}.account-row small,.ledger-row small{color:#8a94a6;margin-top:3px;font-size:10px;display:block}.account-row>strong,.ledger-row>div:last-child{text-align:right;font-size:13px}.loading{text-align:center;color:#7d8799;padding:45px;font-size:12px}.empty{text-align:center;color:#98a1b0;place-content:center;gap:7px;min-height:150px;display:grid}.empty svg{margin:auto}.empty b{color:#657188;font-size:12px}.empty span{font-size:10px}.settings-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.setting{align-items:flex-start;gap:14px;display:flex}.setting>svg{color:var(--blue);background:#eaf1ff;border-radius:11px;width:40px;height:40px;padding:9px}.setting h3{margin:1px 0 5px;font-size:13px}.setting p{color:var(--muted);margin:0 0 9px;font-size:11px;line-height:1.5}.setting b{font-size:11px}.alert{color:#c73f50;background:#fff0f2;border:1px solid #ffd3d9;border-radius:11px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 13px;font-size:11px;display:flex}.alert button{color:#a72e40;background:0 0;border:0;font-weight:700}.modal-backdrop{z-index:100;background:#10182775;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(480px,100%);padding:22px;box-shadow:0 25px 70px #10182735}.modal-head{justify-content:space-between;align-items:start;margin-bottom:16px;display:flex}.modal-head h2{margin:0 0 4px;font-size:18px}.modal-head p{color:var(--muted);margin:0;font-size:11px}.modal label{color:#667287;margin-top:12px;font-size:10px;font-weight:700;display:block}.modal input,.modal select{background:#fff;border:1px solid #dfe4ec;border-radius:9px;outline:none;width:100%;margin-top:6px;padding:10px 11px;font-size:12px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.modal-actions>button:first-child{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 14px;font-size:11px;font-weight:700}.scrim{z-index:20;background:#10182770;position:fixed;inset:0}@media (width<=1000px){.cards{grid-template-columns:1fr 1fr}.grid-two,.settings-grid{grid-template-columns:1fr}.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main{width:100%;margin-left:0}.mobile{display:grid}.topbar{padding:0 18px}.topbar>div:nth-child(2){margin-left:12px;margin-right:auto}.content{padding:20px}}@media (width<=620px){.cards{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:start}.page-head .primary{justify-content:center;width:100%}.content{padding:16px}.top-actions .profile b{display:none}.panel{padding:14px}.quick-grid{grid-template-columns:1fr}.cash-flow{gap:18px}.bar{width:42px}}