:root{--bg: #070708;--bg-elev: #0e0e11;--bg-elev-2: #15151a;--bg-side: #050506;--bg-title: #0a0a0c;--bg-input: #000000;--bg-glow-1: rgba(255,45,45,.06);--bg-glow-2: rgba(0,212,255,.03);--overlay-bg: rgba(5,5,7,.88);--border: #1e1e24;--border-strong: #2a2a33;--text: #f2f2f5;--text-dim: #8a8a95;--text-faint: #55555f;--accent: #ff2d2d;--accent-dim: #b20000;--accent-glow: rgba(255, 45, 45, .35);--danger: #ff2d2d;--danger-dim: #8a0000;--warn: #ffb300;--info: #00d4ff;--success: #00ff9d;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}body[data-theme=light]{--bg: #f4f6fa;--bg-elev: #ffffff;--bg-elev-2: #eef2f8;--bg-side: #f8fafc;--bg-title: #f7f9fc;--bg-input: #ffffff;--bg-glow-1: rgba(16,185,129,.08);--bg-glow-2: rgba(0,102,255,.06);--overlay-bg: rgba(243,246,252,.9);--border: #d7deea;--border-strong: #c2cbdb;--text: #101520;--text-dim: #4a5568;--text-faint: #7f8aa0;--danger: #e11d48;--danger-dim: #be123c;--warn: #b7791f;--info: #0ea5e9;--success: #059669}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{background:radial-gradient(ellipse at top left,var(--bg-glow-1),transparent 50%),radial-gradient(ellipse at bottom right,var(--bg-glow-2),transparent 50%),var(--bg);color:var(--text);font-family:var(--sans);font-size:13px;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1000;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.5;mix-blend-mode:overlay}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 12px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--bg-title) 0%,var(--bg) 100%);position:relative}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--accent) 20%,var(--accent) 80%,transparent);opacity:.4}.brand{font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text)}.brand:before{content:"// ";color:var(--accent)}.user-info{display:flex;align-items:center;gap:12px}.user-info span{font-family:var(--mono);font-size:10px;color:var(--text-dim)}.user-info span.role{padding:2px 8px;border:1px solid var(--border-strong);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;background:#ff2d2d0d}.theme-field{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.theme-field select,.theme-field input[type=color]{height:24px;border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text);font-family:var(--mono);font-size:10px;padding:0 8px;outline:none}.theme-field select:focus,.theme-field input[type=color]:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-field input[type=color]{width:34px;padding:2px}.layout{flex:1;display:flex;min-height:0}.app--auth{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top left,var(--bg-glow-1),transparent 50%),radial-gradient(ellipse at bottom right,var(--bg-glow-2),transparent 50%),var(--bg);padding:24px}main.content{flex:1;min-width:0;padding:22px 26px;overflow-y:auto;position:relative;z-index:1}.sidebar{width:220px;flex-shrink:0;background:var(--bg-side);border-right:1px solid var(--border);padding:14px 10px;display:flex;flex-direction:column;position:relative}.sidebar:before{content:"";position:absolute;top:0;bottom:0;right:-1px;width:1px;background:linear-gradient(180deg,transparent,var(--accent-dim) 30%,var(--accent-dim) 70%,transparent);opacity:.4}.nav{display:flex;flex-direction:column;gap:2px}.nav-group{display:flex;flex-direction:column}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:0;background:transparent;border:1px solid transparent;border-left:2px solid transparent;color:var(--text-dim);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;cursor:pointer;text-align:left;transition:all .12s;width:100%}.nav-item:hover:not(:disabled){background:var(--bg-elev);color:var(--text);border-left-color:var(--accent-dim);text-shadow:none}.nav-item.active{background:linear-gradient(90deg,rgba(255,45,45,.08),transparent);border-left-color:var(--accent);color:var(--text);box-shadow:inset 0 0 0 1px #ff2d2d0d}.nav-item.active .nav-icon{color:var(--accent);text-shadow:0 0 8px var(--accent-glow)}.nav-icon{font-size:12px;color:var(--text-faint);width:14px;text-align:center}.nav-label{font-weight:600}.nav-sub{display:none;flex-direction:column;gap:1px;margin:2px 0 4px 24px;padding-left:10px;border-left:1px dashed var(--border-strong)}.nav-sub.open{display:flex}.nav-subitem{background:transparent;border:none;color:var(--text-faint);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;text-align:left;cursor:pointer;padding:5px 8px;border-radius:0;transition:all .1s;position:relative;width:100%}.nav-subitem:before{content:"> ";opacity:0;transition:opacity .1s}.nav-subitem:hover{color:var(--text);text-shadow:none;background:transparent}.nav-subitem:hover:before{opacity:.5;color:var(--accent)}.nav-subitem.active{color:var(--accent)}.nav-subitem.active:before{opacity:1;color:var(--accent)}.sidebar-footer{margin-top:auto;padding-top:10px;border-top:1px dashed var(--border-strong)}.settings-section{margin-bottom:18px}.settings-section:last-child{margin-bottom:0}.settings-section-title{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:8px;padding-bottom:4px;border-bottom:1px dashed var(--border-strong)}.settings-row{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;color:var(--text-dim)}.settings-row .role{padding:2px 8px;border:1px solid var(--border-strong);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;background:#ff2d2d0d;font-size:9px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-grid label{display:flex;flex-direction:column;gap:4px;font-family:var(--mono);font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.settings-grid input[type=color]{height:32px;padding:2px;background:var(--bg-input);border:1px solid var(--border-strong);cursor:pointer}.perm-group{display:flex;gap:8px;margin-bottom:14px}.row-actions{display:flex;gap:8px;align-items:center;margin-top:4px}.btn-mini{background:transparent;border:1px solid var(--border-strong);color:var(--text-dim);padding:3px 10px;border-radius:0;font-family:var(--mono);font-size:9px;cursor:pointer;text-transform:uppercase;letter-spacing:.08em}.btn-mini:hover{color:var(--accent);border-color:var(--accent-dim);background:transparent}.card-hint{font-family:var(--mono);font-size:10px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em}.center{display:grid;place-items:center;min-height:80vh;color:var(--text-dim);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.center-card{width:380px;max-width:100%;margin:0;padding:24px 22px!important;background:var(--bg-elev);border:1px solid var(--border);border-radius:2px;position:relative;box-shadow:0 20px 80px #000000b3,0 0 0 1px #ff2d2d0d}.center-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:28px;background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.center-card:after{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}.center-card h2{margin:0 0 18px;padding-bottom:0;border-bottom:none;font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--text)}.center-card h2:before{content:"◢ ";color:var(--accent);text-shadow:0 0 6px var(--accent-glow)}.center-card form>label{margin-bottom:12px}.center-card button[type=submit]{width:100%;justify-content:center;margin-top:8px}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:2px;padding:18px 18px 20px;margin-bottom:16px;position:relative}.card:before{content:"";position:absolute;top:0;left:0;width:3px;height:24px;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.card h2{margin:0 0 14px;font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--text);border-bottom:1px solid var(--border);padding-bottom:10px}.card h2:before{content:"◢ ";color:var(--accent);text-shadow:0 0 4px var(--accent-glow)}.stack>.card:last-child{margin-bottom:0}form label{display:block;margin-bottom:12px;font-family:var(--mono);font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}form label span{display:block;margin-bottom:4px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=search],input[type=tel],select,textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:0;color:var(--text);font-family:var(--mono);font-size:12px;letter-spacing:0;text-transform:none;padding:8px 10px;outline:none;transition:all .12s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 12px var(--accent-glow)}input[type=checkbox]{accent-color:var(--accent)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--accent) 50%),linear-gradient(135deg,var(--accent) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:24px}button{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:0;border:1px solid var(--border-strong);background:var(--bg-elev);color:var(--text);font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .12s}button:hover:not(:disabled){background:var(--bg-elev-2);border-color:var(--accent-dim);color:var(--accent);text-shadow:0 0 6px var(--accent-glow)}button:active:not(:disabled){transform:translate(1px,1px)}button:disabled{opacity:.3;cursor:not-allowed}button[type=submit]{background:var(--accent);border-color:var(--accent);color:#000;font-weight:800;box-shadow:0 0 0 1px #000,0 0 16px var(--accent-glow),inset 0 1px #fff3}button[type=submit]:hover:not(:disabled){background:#ff4d4d;border-color:#ff4d4d;color:#000;text-shadow:none;box-shadow:0 0 0 1px #000,0 0 24px var(--accent-glow)}button.danger{background:transparent;border-color:var(--danger-dim);color:var(--danger)}button.danger:hover:not(:disabled){background:#ff2d2d1a;border-color:var(--danger);text-shadow:0 0 6px var(--accent-glow)}.error{background:#ff2d2d14;border:1px solid var(--danger-dim);color:var(--danger);padding:8px 10px;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;text-shadow:0 0 6px var(--accent-glow)}.success{background:#00ff9d14;border:1px solid rgba(0,255,157,.35);color:var(--success);padding:8px 10px;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;text-shadow:0 0 6px rgba(0,255,157,.25)}.row-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.row-form input,.row-form select{flex:1 1 160px;min-width:0}.row-form button{flex:0 0 auto}.chk{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;padding:6px 10px;border:1px solid var(--border-strong);background:var(--bg-input);cursor:pointer}.chk input[type=checkbox]{flex:none;margin:0}.users-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:11px}.users-table th,.users-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}.users-table th{color:var(--text-faint);font-weight:700;font-size:9px;text-transform:uppercase;letter-spacing:.14em;background:var(--bg-input);border-bottom:1px solid var(--border-strong)}.users-table td{color:var(--text)}.users-table tr.muted{opacity:.45}.users-table tr:hover:not(.muted) td{background:#ff2d2d08}.users-table input[type=checkbox]{width:16px;height:16px}.users-table select{padding:4px 24px 4px 8px;font-size:10px;text-transform:uppercase}.actions{display:flex;gap:6px}.actions button{padding:4px 10px;font-size:9px}.activity-link{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;max-width:220px;padding:0;border:0;background:transparent;color:var(--text);text-align:left;text-transform:none;letter-spacing:0}.activity-link:hover:not(:disabled){background:transparent;color:var(--accent);border-color:transparent;text-shadow:none}.activity-link span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-link small{margin-left:0}small{color:var(--text-faint);margin-left:4px;font-family:var(--mono);font-size:9px;text-transform:uppercase}.center-card.card{padding:24px}.center-card.card:before{height:28px}*{scrollbar-width:thin;scrollbar-color:var(--accent-dim) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--bg-input);border-left:1px solid var(--border)}*::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:0;border:1px solid var(--bg-input)}*::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--accent);color:#000}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top left,var(--bg-glow-1),transparent 50%),radial-gradient(ellipse at bottom right,var(--bg-glow-2),transparent 50%),var(--overlay-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;animation:modalFadeIn .12s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:2px;max-width:100%;position:relative;box-shadow:0 20px 80px #000000b3,0 0 0 1px #ff2d2d0d;animation:modalSlideIn .14s ease-out}@keyframes modalSlideIn{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:24px;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.modal-card:after{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid var(--border)}.modal-title{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.14em}.modal-title:before{content:"◢ ";color:var(--accent);text-shadow:0 0 4px var(--accent-glow)}.modal-close{background:transparent;border:none;padding:0 4px;color:var(--text-faint);font-size:20px;line-height:1;cursor:pointer;transition:color .1s;font-family:var(--mono)}.modal-close:hover{color:var(--accent);background:transparent;text-shadow:0 0 6px var(--accent-glow)}.modal-body{padding:16px}.modal-body form label:last-of-type{margin-bottom:14px}.modal-text{margin:0 0 14px;font-family:var(--mono);font-size:11px;color:var(--text-dim);line-height:1.6}@media (max-width: 980px){.theme-field{display:none}}