:root{color-scheme:light;--bg: #0f1115;--panel: #171a21;--panel2: #1e222c;--border: #2a2f3a;--text: #e8eaf0;--muted: #8b93a5;--accent: #4f8cff;--accent2: #6fa8ff;--pill: #22304a}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1000px 500px at 70% -10%,#1a2a4a 0%,var(--bg) 55%)}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:42px 48px;text-align:center;max-width:420px}.brand{font-size:28px;font-weight:700;letter-spacing:.5px}.brand span{color:var(--accent)}.brand.small{font-size:18px;margin-bottom:20px}.tagline{color:var(--muted);margin:6px 0 24px}.btn{border:0;border-radius:10px;padding:11px 18px;font-size:14px;cursor:pointer;color:var(--text);background:var(--panel2)}.btn.primary{background:var(--accent);font-weight:600}.btn.primary:hover{background:var(--accent2)}.shell{display:flex;min-height:100vh}.side{width:230px;background:var(--panel);border-right:1px solid var(--border);padding:20px 14px;display:flex;flex-direction:column;gap:6px}.nav{text-align:left;background:transparent;border:0;color:var(--muted);padding:10px 12px;border-radius:9px;cursor:pointer;font-size:14px}.nav:hover{background:var(--panel2);color:var(--text)}.nav.active{background:var(--panel2);color:var(--accent2);font-weight:600}.nav.logout{margin-top:auto;color:#c96a6a}.side-user{padding:12px;border-top:1px solid var(--border);font-size:13px}.side-user .roles{color:var(--muted);font-size:11px;margin-top:4px}.content{flex:1;padding:28px 36px;overflow-y:auto}.content h2{margin-top:0;font-weight:650}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px 20px;margin-bottom:14px;max-width:760px}.card h3{margin:0 0 8px;font-size:15px}.muted{color:var(--muted);font-size:13px}.error{color:#e08585}.pill{background:var(--pill);color:#a9c5ff;border-radius:999px;padding:2px 10px;font-size:12px}.pillrow{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.row{display:flex;gap:10px;margin-bottom:16px;max-width:760px}.row input{flex:1;background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:11px 14px;font-size:14px}.row input+input{flex:0 0 30%}textarea{width:100%;background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px 12px;font-size:13px;margin-bottom:8px;resize:vertical}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:500}.role{padding:8px 0;border-bottom:1px solid var(--border)}