:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;font-weight:400;color:#0f172a;background-color:#f8fafc}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#f1f5f9}.app-shell{min-height:100vh;padding:2rem 1.5rem 3rem}@media(min-width:1024px){.app-shell{padding:3rem 4rem}}.card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 10px 30px #0f172a14}.metrics-grid{display:grid;gap:1.5rem}@media(min-width:768px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table thead{text-align:left;color:#475569;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.table th,.table td{padding:.75rem .5rem;border-bottom:1px solid #e2e8f0}.table tbody tr:hover{background-color:#f8fafc}.status-pill{padding:.1rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600}.status-pill.credit{background-color:#ecfccb;color:#365314}.status-pill.debit{background-color:#fee2e2;color:#b91c1c}.login-card{max-width:420px;margin:5rem auto;padding:2.5rem}.input{width:100%;padding:.85rem 1rem;border-radius:.75rem;border:1px solid #cbd5f5;font-size:1rem}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:.85rem 1.25rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer}.button.primary{background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;box-shadow:0 10px 20px #6366f14d}.button.ghost{background:transparent;color:#475569}.layout-grid{display:grid;gap:1.5rem}@media(min-width:1024px){.layout-grid{grid-template-columns:2fr 1fr}}