:root{--bg: #f7f9fc;--surface: #fff;--border: #dde3ea;--text: #1f2937;--muted: #6b7280;--primary: #2864c8;--primary-hover: #1c4ea0;--danger: #b91c1c;--ok: #166534;--warn: #b45309}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:14px/1.5 -apple-system,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text)}.app{display:grid;grid-template-columns:220px 1fr;height:100vh}.sidebar{background:#0f172a;color:#e5e7eb;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.25rem}.sidebar h1{font-size:1rem;margin:0 0 1.5rem;color:#f3f4f6;letter-spacing:.02em}.sidebar a{color:#cbd5e1;text-decoration:none;padding:.5rem .75rem;border-radius:6px;font-weight:500}.sidebar a.active{background:#1e293b;color:#fff}.sidebar a:hover{background:#1e293b}.sidebar .signout{margin-top:auto;font-size:12px;color:#6b7280;background:none;border:1px solid #1e293b;border-radius:6px;padding:.4rem .75rem;cursor:pointer}.content{padding:1.5rem 2rem;overflow:auto}.content h2{margin:0 0 1rem}table{border-collapse:collapse;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}th,td{padding:.6rem .8rem;text-align:left;border-bottom:1px solid var(--border);font-size:13px}th{background:#f3f4f6;font-weight:600;color:var(--muted)}tr:last-child td{border-bottom:none}.btn{background:var(--primary);color:#fff;border:none;border-radius:6px;padding:.4rem .8rem;cursor:pointer;font-weight:500}.btn:hover{background:var(--primary-hover)}.btn.ghost{background:transparent;color:var(--primary);border:1px solid var(--border)}.btn.ghost:hover{background:#eef2ff}.btn.danger{background:var(--danger)}.btn:disabled{background:#9ca3af;cursor:not-allowed}.input,.select{padding:.4rem .6rem;border:1px solid var(--border);border-radius:6px;background:#fff;font:inherit}.input{width:100%;max-width:400px}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.row.spaced{justify-content:space-between;margin-bottom:1rem}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}.badge.green{background:#d1fae5;color:#065f46}.badge.amber{background:#fef3c7;color:#92400e}.badge.blue{background:#dbeafe;color:#1e40af}.badge.purple{background:#ede9fe;color:#5b21b6}.badge.grey{background:#e5e7eb;color:#374151}.badge.red{background:#fee2e2;color:#991b1b}.gate{display:grid;place-items:center;height:100vh;background:var(--bg)}.gate .card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;width:360px;box-shadow:0 1px 3px #0000000d}.gate h2{margin-top:0}.gate p{color:var(--muted)}.err{background:#fee2e2;color:var(--danger);padding:.6rem 1rem;border-radius:6px;margin:.5rem 0}.ok{background:#d1fae5;color:var(--ok);padding:.6rem 1rem;border-radius:6px;margin:.5rem 0}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}