:root{--bg:#f4f6f8;--surface:#fff;--surface-2:#f9fafb;--border:#e3e7ec;--border-strong:#cfd6de;--text:#1f2733;--muted:#6b7585;--accent:#0f766e;--accent-hover:#0c5e57;--accent-soft:#e6f3f1;--danger:#dc2626;--danger-soft:#fdecec;--ok:#16a34a;--ok-soft:#e7f6ec;--warn:#d97706;--shadow:0 1px 2px #1018280f, 0 1px 3px #1018281a;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-size:14px}button{cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;transition:background .15s}button:hover{background:var(--accent-hover)}button:disabled{opacity:.6;cursor:default}button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border-strong)}button.secondary:hover{background:var(--surface-2)}button.ghost{color:var(--muted);background:0 0;padding:6px 10px}button.ghost:hover{background:var(--surface-2);color:var(--text)}button.small{padding:5px 12px;font-size:13px}input,select{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);border-radius:8px;padding:9px 12px;font-size:14px}input:focus,select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}label{color:var(--muted);margin-bottom:5px;font-size:13px;display:block}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:11px 14px;font-size:14px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;background:var(--surface-2);font-size:12px;font-weight:600}tbody tr:hover{background:var(--surface-2)}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px}.badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.muted{background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}@media (width<=720px){th,td{padding:9px 10px;font-size:13px}}.menu-toggle{display:none!important}@media (width<=720px){.sidebar-desktop{display:none}.menu-toggle{display:inline-flex!important}}.sidebar-desktop{display:block}@media (width<=720px){.sidebar-desktop{display:none}}