:root{color-scheme:light;--bg:#f5f7f8;--panel:#ffffff;--line:#d8dee4;--text:#18202a;--muted:#64707d;--accent:#136f63;--danger:#a73535}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;letter-spacing:0}a{color:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr)}.sidebar{background:#10231f;color:#f8fbfa;padding:20px}.brand{font-size:20px;font-weight:700;margin-bottom:24px}.nav{display:grid;grid-gap:6px;gap:6px}.button,.nav a,button{border:1px solid transparent;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;text-decoration:none;font:inherit;cursor:pointer}.nav a{justify-content:flex-start;color:#e8f1ef}.nav a:hover{background:rgba(255,255,255,.1)}.main{padding:24px}.topline{align-items:center;display:flex;justify-content:space-between;gap:16px;margin-bottom:20px}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px}.metric{font-size:32px;font-weight:700}.muted{color:var(--muted)}.button,button{background:var(--accent);color:#ffffff}.button.secondary{background:#ffffff;border-color:var(--line);color:var(--text)}.filters{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:16px}input,select{border:1px solid var(--line);border-radius:6px;min-height:36px;padding:8px 10px;width:100%}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}th{color:var(--muted);font-size:13px}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login .panel{max-width:420px;width:100%}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:static}.nav{grid-template-columns:repeat(3,minmax(0,1fr))}}