:root{color:#172033;background:#f6f7fb;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;display:flex}aside{color:#eef5fa;background:#102a43;flex-direction:column;gap:6px;width:235px;padding:28px 16px;display:flex}.brand{padding:0 10px;font-size:19px;font-weight:800}.brand span{color:#55d6be;vertical-align:-2px;font-size:27px}aside p{color:#9fb3c8;margin:0 10px 25px;font-size:12px}aside button{color:#c9d6e2;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:12px 10px;font-size:14px}aside button.active,aside button:hover{color:#fff;background:#243f5c}.storage{color:#829ab1;margin-top:auto;padding:10px;font-size:11px}.content{width:min(1120px,100% - 235px);margin:0 auto;padding:38px}header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}h1{margin:0 0 5px;font-size:28px}h2{margin:0 0 18px;font-size:16px}header span,small{color:#6b7280;font-size:13px;display:block}.primary{color:#fff;cursor:pointer;background:#157a6e;border:0;border-radius:7px;padding:10px 15px;font-weight:700}.primary:disabled{opacity:.45;cursor:not-allowed}.cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}article{background:#fff;border:1px solid #e5eaf0;border-radius:11px;padding:20px;box-shadow:0 1px 2px #102a4306}.metric span{color:#627d98;margin-bottom:10px;font-size:13px;display:block}.metric strong{font-size:24px}.metric.emphasis{color:#fff;background:#157a6e;border-color:#157a6e}.metric.emphasis span{color:#d3fff6}.grid{grid-template-columns:1fr 1.3fr;gap:18px;margin-bottom:18px;display:grid}.row{border-bottom:1px solid #edf2f7;justify-content:space-between;padding:11px 0;font-size:14px;display:flex}.row:last-child{border-bottom:0}.row.strong{font-size:16px;font-weight:800}.activity{border-bottom:1px solid #edf2f7;justify-content:space-between;padding:11px 0;font-size:13px;display:flex}.activity:last-child{border-bottom:0}.balances{max-width:540px}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:#627d98;padding:0 12px 12px;font-size:12px}td{border-top:1px solid #edf2f7;padding:14px 12px}td small{margin-top:4px}.table-wrap{overflow:auto}.tag{color:#0f766e;background:#e6fffa;border-radius:999px;padding:4px 8px;font-size:12px}.add-account{grid-template-columns:1fr 2fr 1fr auto;gap:10px;margin-bottom:18px;display:grid}input,select{font:inherit;color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:10px}.modal-backdrop{background:#102a4380;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{width:min(720px,100%);box-shadow:0 18px 50px #0004}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head button{cursor:pointer;background:0 0;border:0;font-size:27px}.fields{grid-template-columns:150px 1fr;gap:12px;margin:16px 0;display:grid}.fields label{color:#627d98;gap:6px;font-size:12px;display:grid}.line-head,.line{grid-template-columns:1fr 120px 120px;gap:10px;display:grid}.line-head{color:#627d98;margin:15px 0 6px;font-size:12px}.line{margin-bottom:8px}.link{color:#157a6e;cursor:pointer;background:0 0;border:0;padding:8px 0;font-weight:700}.entry-footer{border-top:1px solid #edf2f7;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;font-size:13px;display:flex}.valid{color:#087f5b}.invalid{color:#b42318}@media (width<=760px){main{display:block}aside{flex-direction:row;align-items:center;width:100%;padding:16px;overflow:auto}.brand{white-space:nowrap}aside p,.storage{display:none}aside button{white-space:nowrap}.content{width:100%;padding:22px}.cards,.grid,.add-account{grid-template-columns:1fr 1fr}.fields{grid-template-columns:1fr}.line-head{display:none}.line{grid-template-columns:1fr 1fr}.line select{grid-column:1/-1}}@media (width<=480px){.cards,.grid{grid-template-columns:1fr}.content{padding:16px}.metric strong{font-size:21px}header{align-items:flex-start;gap:14px}.add-account{grid-template-columns:1fr}.entry-footer{flex-direction:column;align-items:flex-start;gap:10px}}
