:root{--bg:#fff;--fg:#1a1a1a;--muted:#5c5c5c;--line:#d9d9d9;--accent:#0b5cad;--ok:#1b6e2e;--bad:#b3261e;--card:#f6f7f9;color:var(--fg);background:var(--bg);font:15px/1.5 system-ui,Noto Sans,Noto Sans Devanagari,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#121212;--fg:#ececec;--muted:#a8a8a8;--line:#333;--accent:#7cb4ff;--ok:#7fd48f;--bad:#ff8a80;--card:#1d1f23}}body{background:var(--bg);margin:0}.skip{position:absolute;left:-999px}.skip:focus{background:var(--bg);padding:8px;top:8px;left:8px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}nav{border-right:1px solid var(--line);padding:16px}nav ul{padding:0;list-style:none}nav a{color:var(--fg);border-radius:6px;padding:6px 8px;text-decoration:none;display:block}nav a.active{background:var(--card);font-weight:600}.brand{font-size:1.2rem}main{min-width:0;padding:16px 24px}@media (width<=640px){.shell{grid-template-columns:1fr}nav{border-right:0;border-bottom:1px solid var(--line)}nav ul{flex-wrap:wrap;gap:4px;display:flex}main{padding:16px}}table{border-collapse:collapse;width:100%;margin:8px 0 16px;display:block;overflow-x:auto}th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:6px 8px}.num{text-align:right;font-variant-numeric:tabular-nums}.cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.card{background:var(--card);border-radius:8px;padding:12px}.card h2{color:var(--muted);margin:0;font-size:.9rem}.big{margin:4px 0;font-size:1.5rem}.muted{color:var(--muted)}.empty{background:var(--card);border-radius:8px;padding:24px}.problem{color:var(--bad);padding:8px 0}.status-posted,.status-cleared{color:var(--ok)}.status-void,.status-bounced{color:var(--bad)}.skeleton{background:var(--card);border-radius:8px;height:120px}.row{flex-wrap:wrap;align-items:end;gap:8px;margin:8px 0;display:flex}label{gap:4px;display:grid}input{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:6px;padding:6px 8px}button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;padding:6px 12px}button.link{color:var(--accent);background:0 0;border:0;padding:0}button:disabled{opacity:.6}.login{max-width:360px;margin:10vh auto}.login form{gap:12px;display:grid}.pick{gap:8px;padding:0;list-style:none;display:grid}.totals{grid-template-columns:max-content max-content;gap:4px 24px;display:grid}.totals dd{margin:0}
