:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f5f2eb;--surface:#fff;--surface-soft:#f9faf7;--text:#1f2726;--muted:#687370;--border:#d8ddd7;--accent:#216869;--accent-strong:#174f50;--warning:#9b5d18;--danger:#a63d40;--shadow:0 18px 48px #1f27261a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--background);min-width:320px;color:var(--text);margin:0}button,input,select{font:inherit}.shell{width:min(1440px,100%);margin:0 auto;padding:24px}.topbar{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.eyebrow{color:var(--accent);text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:800}h1,h2{letter-spacing:0;margin:0}h1{font-size:2rem;line-height:1.1}h2{font-size:1rem}.status{border:1px solid var(--border);background:var(--surface);min-width:128px;color:var(--muted);text-align:center;border-radius:6px;padding:10px 12px;font-size:.9rem;font-weight:700}.status[data-state=ok]{color:var(--accent-strong);border-color:#21686947}.status[data-state=error]{color:var(--danger);border-color:#a63d4047}.top-actions{align-items:center;gap:10px;display:flex}.ghost{border:1px solid var(--border);background:var(--surface);color:var(--text);padding-inline:14px}.ghost:hover{background:var(--surface-soft)}.login-panel{margin-bottom:14px}.login-form{grid-template-columns:minmax(220px,1fr) 160px;align-items:end;gap:10px;padding:14px;display:grid}.login-message{border-top:1px solid var(--border);color:var(--muted);margin:0;padding:12px 14px 14px}.login-message a{color:var(--accent-strong);font-weight:800}.toolbar{grid-template-columns:minmax(180px,1fr) 96px 128px;align-items:end;gap:10px;margin-bottom:14px;display:grid}.field{gap:6px;display:grid}.field span{color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:800}input,select{border:1px solid var(--border);background:var(--surface);width:100%;min-height:42px;color:var(--text);border-radius:6px;padding:9px 10px}input:focus,select:focus{border-color:var(--accent);outline:2px solid #21686926}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;min-height:42px;font-weight:800}button:hover{background:var(--accent-strong)}button:disabled{cursor:wait;opacity:.72}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.metric,.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.metric{gap:8px;min-height:88px;padding:16px;display:grid}.metric span{color:var(--muted);font-size:.82rem;font-weight:700}.metric strong{font-size:1.6rem;line-height:1}.content-grid{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:14px;display:grid}.panel{min-width:0;overflow:hidden}.panel-heading{border-bottom:1px solid var(--border);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;display:flex}.panel-heading span{color:var(--muted);font-size:.86rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:12px 14px}th{color:var(--muted);text-transform:uppercase;font-size:.74rem;font-weight:800}td{font-size:.92rem}tbody tr:hover{background:#fbfcf7}.muted{color:var(--muted)}.amount{color:var(--accent-strong);font-weight:800}.side{align-content:start;gap:14px;display:grid}.list{gap:1px;margin:0;padding:0;list-style:none;display:grid}.list li{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:12px 14px;font-size:.92rem;display:flex}.list li:last-child{border-bottom:0}.list strong{white-space:nowrap}.empty{color:var(--muted);padding:18px 14px}@media (width<=820px){.shell{padding:16px}.topbar{flex-direction:column;align-items:stretch}.top-actions{align-items:stretch}.status,.top-actions button{flex:1}.toolbar,.login-form,.metrics,.content-grid{grid-template-columns:1fr}}