:root{--text:#3f3d45;--text-h:#0f0e12;--text-dim:#79747f;--bg:#fafafa;--surface:#fff;--border:#e3e1e6;--accent:#6d28d9;--accent-bg:#6d28d914;--accent-contrast:#fff;--danger:#b3261e;--danger-bg:#b3261e14;--good:#1e7a3d;--good-bg:#1e7a3d1a;--warn:#a15c00;--warn-bg:#a15c001f;--shadow:0 1px 2px #0000000f, 0 1px 3px #00000014;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--text:#d3d0d8;--text-h:#f5f4f7;--text-dim:#948f9c;--bg:#121116;--surface:#1a1920;--border:#302e37;--accent:#a78bfa;--accent-bg:#a78bfa1f;--accent-contrast:#1a1120;--danger:#f2b8b5;--danger-bg:#f2b8b51f;--good:#7ddc9d;--good-bg:#7ddc9d1f;--warn:#f2c078;--warn-bg:#f2c0781f;--shadow:0 1px 2px #0006, 0 1px 3px #00000080}}*{box-sizing:border-box}html,body,#root{height:100%}body{font:15px/1.5 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{color:var(--text-h);margin:0 0 12px;font-weight:600}h1{font-size:22px}h2{font-size:17px}h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);font-size:14px}p{margin:0 0 8px}a{color:var(--accent)}code{font-family:var(--mono);font-size:.9em}.shell{flex-direction:column;min-height:100%;display:flex}.shell-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.brand{color:var(--text-h);font-size:16px;font-weight:700;text-decoration:none}.shell-user{color:var(--text-dim);align-items:center;gap:16px;font-size:13px;display:flex}.role-tag{background:var(--accent-bg);color:var(--accent);letter-spacing:.03em;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.shell-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:24px}.auth-page{background:var(--bg);justify-content:center;align-items:center;min-height:100svh;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);width:380px;max-width:92vw;box-shadow:var(--shadow);border-radius:12px;padding:28px}.auth-card h1{text-align:center}.auth-switch{text-align:center;color:var(--text-dim);margin-top:16px;font-size:13px}.field{margin-bottom:14px}.field label{color:var(--text-dim);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.field input,.field select,.field textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-h);font:inherit;border-radius:6px;padding:8px 10px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.field-row{gap:12px;display:flex}.field-row>.field{flex:1}.checkbox-field{align-items:center;gap:8px;font-size:13px;display:flex}.checkbox-field input{width:auto}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text-h);font:inherit;cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);justify-content:center;width:100%}.btn-primary:hover{filter:brightness(1.05)}.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-sm{padding:4px 10px;font-size:12px}.btn-link{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;font-weight:600}.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:18px}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:8px;display:flex}.spread{justify-content:space-between;align-items:center;display:flex}.muted{color:var(--text-dim);font-size:13px}.breadcrumb{color:var(--text-dim);margin-bottom:8px;font-size:13px}.breadcrumb a{text-decoration:none}.list{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.list-item{border-bottom:1px solid var(--border);color:inherit;justify-content:space-between;align-items:center;padding:14px 16px;text-decoration:none;display:flex}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--accent-bg)}.list-item-title{color:var(--text-h);font-weight:600}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);border-bottom:1px solid var(--border);padding:8px 10px;font-size:11px}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:8px 10px}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover{background:var(--accent-bg)}.badge{letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-neutral{background:var(--border);color:var(--text-dim)}.badge-progress{background:var(--accent-bg);color:var(--accent)}.badge-good{background:var(--good-bg);color:var(--good)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-bad{background:var(--danger-bg);color:var(--danger)}.section-group{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin-bottom:10px;overflow:hidden}.section-group-header{cursor:pointer;background:var(--bg);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.section-group-header:hover{background:var(--accent-bg)}.section-code{font-family:var(--mono);color:var(--accent);margin-right:10px;font-weight:700}.error-banner{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger);border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.empty-state{text-align:center;color:var(--text-dim);padding:40px 20px}.loading{text-align:center;color:var(--text-dim);padding:40px}