:root{--arvion-navy:#0f2d5c;--arvion-blue:#174f9f;--arvion-blue-soft:#edf4fd;--arvion-ink:#152e55;--arvion-muted:#71819a;--arvion-line:#d9e2ee;--arvion-bg:#f4f6f9;--arvion-panel:#fff;--arvion-success:#23845c;--arvion-warning:#a46b10;--arvion-danger:#b7453a;--arvion-radius:13px;--arvion-shadow:0 8px 25px #162e5214}
*{box-sizing:border-box}html,body{min-height:100%;color:var(--arvion-ink);background:var(--arvion-bg);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--arvion-line);background:linear-gradient(#f8fafc,#eef3f9);flex-direction:column;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0}.sidebar>img{object-fit:contain;object-position:left;margin:2px 8px 20px}.new-transaction,.primary-button{background:var(--arvion-blue);color:#fff;border:0;border-radius:10px;padding:13px 18px;font-weight:750;box-shadow:0 6px 16px #174f9f33}nav{gap:3px;margin-top:18px;display:grid;overflow:auto}nav span{letter-spacing:.15em;color:#8b99ac;margin:17px 12px 5px;font-size:9px;font-weight:850}nav a{color:#586d88;border-radius:9px;padding:10px 12px;font-size:12px;font-weight:650}nav a.active{color:var(--arvion-blue);box-shadow:inset 3px 0 0 var(--arvion-blue);background:#e3edf9}.sidebar footer{border-top:1px solid var(--arvion-line);color:#8492a5;margin-top:auto;padding:14px 8px 0;font-size:10px;line-height:1.6}.main-column{min-width:0}.topbar{border-bottom:1px solid var(--arvion-line);z-index:4;background:#fff;grid-template-columns:auto minmax(260px,540px) 1fr;align-items:center;gap:20px;height:72px;padding:0 26px;display:grid;position:sticky;top:0}.topbar>button{border:1px solid var(--arvion-line);background:#fff;border-radius:8px;width:38px;height:38px}.ask{color:#667b98;background:#f9fbfd;border:1px solid #cdd9e8;border-radius:10px;align-items:center;gap:10px;height:42px;padding:0 14px;display:flex}.ask kbd{background:#edf1f6;border-radius:5px;margin-left:auto;padding:3px 7px}.account{justify-self:end;gap:4px;display:grid}.account b{white-space:nowrap;font-size:12px}.account span{color:#8492a5;font-size:10px}.content{max-width:1500px;margin:auto;padding:28px}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.eyebrow{letter-spacing:.14em;color:#7587a0;margin:0;font-size:9px;font-weight:850}.page-heading h1{margin:7px 0;font-size:29px}.page-heading>div>p:last-child{color:var(--arvion-muted);font-size:12px}.status-pill{color:#23845c;background:#eaf7f1;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:800}.hero-card,.panel,.metric-grid article{border:1px solid var(--arvion-line);border-radius:var(--arvion-radius);box-shadow:var(--arvion-shadow);background:#fff}.hero-card{background:linear-gradient(135deg,#edf4fd,#fff);justify-content:space-between;align-items:center;margin:20px 0 14px;padding:20px 22px;display:flex}.hero-card h2{margin:7px 0;font-size:17px}.hero-card p:last-child{color:#647995;font-size:11px}.hero-card button{color:var(--arvion-blue);background:#fff;border:1px solid #b8cce5;border-radius:8px;padding:10px 12px;font-weight:750}.metric-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.metric-grid article{padding:16px}.metric-grid small,.metric-grid span{color:#7c8ca2;font-size:9px;display:block}.metric-grid strong{margin:7px 0;font-size:22px;display:block}.metric-grid article.primary{background:var(--arvion-navy);color:#fff}.metric-grid article.primary small,.metric-grid article.primary span{color:#c8d6e8}.panel{margin-top:14px;overflow:hidden}.panel-head{border-bottom:1px solid var(--arvion-line);justify-content:space-between;padding:16px 18px;display:flex}.panel-head h2{margin:0;font-size:14px}.panel-head p,.panel-head span{color:#7d8da2;margin:4px 0 0;font-size:9px}.foundation-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:16px;display:grid}.foundation-grid article{border:1px solid var(--arvion-line);border-radius:10px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:13px;display:grid}.foundation-grid i{color:#23845c;background:#eaf7f1;border-radius:8px;place-items:center;width:26px;height:26px;font-style:normal;font-weight:850;display:grid}.foundation-grid b{font-size:11px}.foundation-grid p{color:#7c8ca2;margin:4px 0;font-size:9px}.foundation-grid>article>span{color:#23845c;background:#eaf7f1;border-radius:99px;padding:4px 6px;font-size:8px}.two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.compact ul{color:#526983;margin:10px 18px 18px;padding-left:18px;font-size:10px;line-height:2}.login-shell{background:radial-gradient(circle at 0 0,#e9f2fd,#f7f9fc 48%,#eef2f7);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--arvion-line);background:#fff;border-radius:18px;width:min(460px,100%);padding:42px;box-shadow:0 28px 70px #152e5521}.login-card img{object-fit:contain}.login-card h1{margin:15px 0 10px;font-size:28px}.login-card>p:not(.eyebrow){color:#667a95;font-size:13px;line-height:1.65}.login-card form{margin:26px 0 14px}.login-card button{width:100%}.login-card small{color:#8492a5;font-size:9px;line-height:1.5;display:block}@media (max-width:1000px){.app-shell{grid-template-columns:78px 1fr}.sidebar{padding:16px 10px}.sidebar>img{object-fit:cover;object-position:left;width:48px}.new-transaction{font-size:0}.new-transaction:after{content:"+";font-size:20px}nav a{text-align:center;font-size:0}nav a:first-letter{font-size:18px}nav span,.sidebar footer{display:none}.metric-grid{grid-template-columns:1fr 1fr}.account{display:none}.topbar{grid-template-columns:auto 1fr}}@media (max-width:700px){.app-shell{display:block}.sidebar{display:none}.content{padding:18px}.metric-grid,.foundation-grid,.two-col{grid-template-columns:1fr}.topbar{padding:0 14px}.page-heading{display:block}.status-pill{margin-top:8px;display:inline-block}.hero-card{flex-direction:column;align-items:flex-start;gap:14px}}.login-card .primary-button{text-align:center;width:100%;margin:26px 0 14px;text-decoration:none;display:block}