:root{--bg: #040d16;--bg-deep: #020a12;--bg-glow: #0c2040;--surface-0: rgba(5, 14, 24, .98);--surface-1: rgba(9, 22, 36, .94);--surface-2: rgba(13, 28, 48, .8);--line: rgba(110, 175, 220, .13);--line-med: rgba(110, 175, 220, .22);--line-strong: rgba(110, 175, 220, .36);--text: #eef6ff;--text-2: #b0cfe8;--muted: #6e90ab;--muted-2:#3f5a72;--accent: #4eedc4;--accent-2: #2dc9a0;--accent-3: #18a07e;--accent-warm: #f5c063;--accent-rgb: 78, 237, 196;--danger: #ff6652;--danger-rgb: 255, 102, 82;--warning: #ffcf73;--success: #2dc9a0;--shadow-sm: 0 2px 8px rgba(0,0,0,.35), 0 1px 3px rgba(0,0,0,.45);--shadow-md: 0 8px 32px rgba(0,0,0,.5), 0 2px 8px rgba(0,0,0,.4);--shadow-lg: 0 20px 64px rgba(0,0,0,.6), 0 4px 16px rgba(0,0,0,.45);--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-2xl: 36px;--r-full: 9999px;--t-fast: 90ms ease;--t-normal: .15s ease;--t-slow: .22s ease;--panel: rgba(9, 20, 31, .88);--shadow: 0 28px 80px rgba(0, 0, 0, .42);--accent-strong: #2dc9a0}:root[data-theme=red]{--bg-glow: #280e0e;--accent: #ff7f72;--accent-2: #e05040;--accent-3: #c03028;--accent-warm: #ffb870;--accent-rgb: 255, 127, 114;--accent-strong: #e05040;--line: rgba(255, 127, 114, .13);--line-med: rgba(255, 127, 114, .22);--line-strong: rgba(255, 127, 114, .36)}:root[data-theme=blue]{--bg-glow: #0d2038;--accent: #60b4ff;--accent-2: #3888e0;--accent-3: #1a6abf;--accent-warm: #80d8ff;--accent-rgb: 96, 180, 255;--accent-strong: #3888e0;--line: rgba(96, 180, 255, .13);--line-med: rgba(96, 180, 255, .22);--line-strong: rgba(96, 180, 255, .36)}:root[data-theme=yellow]{--bg-glow: #281c06;--accent: #ffcc44;--accent-2: #e0a010;--accent-3: #c07800;--accent-warm: #ffee88;--accent-rgb: 255, 204, 68;--accent-strong: #e0a010;--line: rgba(255, 204, 68, .13);--line-med: rgba(255, 204, 68, .22);--line-strong: rgba(255, 204, 68, .36)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 rgba(var(--accent-rgb),.55)}60%{opacity:.7;box-shadow:0 0 0 6px rgba(var(--accent-rgb),0)}}@keyframes glow-breathe{0%,to{opacity:.7}50%{opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}body{margin:0;color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-feature-settings:"cv03","cv04","cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(ellipse 80% 55% at 8% -5%,color-mix(in srgb,var(--bg-glow) 95%,transparent),transparent 55%),radial-gradient(ellipse 55% 40% at 92% 5%,rgba(var(--accent-rgb),.1),transparent 50%),radial-gradient(ellipse 45% 35% at 50% 108%,rgba(var(--accent-rgb),.05),transparent 55%),linear-gradient(168deg,#020b14,#040d1a 38%,#060f22 68%,#050c1c)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(rgba(var(--accent-rgb),.12) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,transparent 55%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,transparent 55%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;position:relative;z-index:1}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.75rem;height:62px;border-bottom:1px solid var(--line);background:#03080ee6;backdrop-filter:blur(32px) saturate(190%);-webkit-backdrop-filter:blur(32px) saturate(190%)}.topbar:after{content:"";position:absolute;inset:auto 0 -1px;height:1px;background:linear-gradient(90deg,transparent 5%,rgba(var(--accent-rgb),.55) 38%,rgba(var(--accent-rgb),.55) 62%,transparent 95%)}.topbar-brand-wrap{display:flex;flex-direction:column;gap:.28rem;min-width:0}.brand{display:inline-flex;align-items:center;gap:.7rem;min-width:0}.brand-copy strong{display:block;font-size:1rem;font-weight:700;letter-spacing:-.025em;line-height:1.1;color:var(--text)}.brand-copy p{margin:0;color:var(--muted);font-size:.73rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-meta{display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;color:var(--muted)}.topbar-live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px rgba(var(--accent-rgb),.8);animation:pulse-dot 2.4s ease-in-out infinite;flex-shrink:0}.topbar-pill{padding:.2rem .55rem;border-radius:var(--r-full);border:1px solid var(--line);color:var(--text-2);background:#ffffff0a;font-size:.68rem;font-weight:500}.topbar-divider{width:3px;height:3px;border-radius:50%;background:rgba(var(--accent-rgb),.5)}.topbar-meta-text{white-space:nowrap}.brand-mark,.topbar-logo-image,.sidebar-logo-image{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--r-md);flex:0 0 auto}.brand-mark{color:#020b14;font-weight:800;font-size:.82rem;letter-spacing:-.03em;background:linear-gradient(148deg,var(--accent) 30%,color-mix(in srgb,var(--accent-warm) 70%,var(--accent)));box-shadow:0 2px 14px rgba(var(--accent-rgb),.45),inset 0 1px #ffffff4d}.topbar-logo-image,.sidebar-logo-image{object-fit:cover;border:1px solid var(--line);background:#ffffff0a}.sidebar-mark{width:32px;height:32px}.topbar-actions{display:flex;align-items:center;gap:.6rem}.topbar-user{display:flex;flex-direction:column;align-items:flex-end;min-width:0}.topbar-user strong{font-size:.86rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-login,.topbar-badge{min-width:90px;justify-content:center}.topbar-badge{display:inline-flex;align-items:center;padding:.38rem .8rem;border-radius:var(--r-full);border:1px solid rgba(var(--accent-rgb),.3);color:var(--accent);background:rgba(var(--accent-rgb),.1);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.app-body{width:min(1680px,calc(100vw - 2rem));margin:0 auto;padding:1.4rem 0 3rem}.app-body.with-sidebar{display:grid;grid-template-columns:258px minmax(0,1fr);gap:1.25rem}.route-shell{min-width:0;animation:fade-up .2s ease both}.sidebar{position:sticky;top:calc(62px + 1.4rem);align-self:start;max-height:calc(100vh - 62px - 2rem);overflow:hidden auto;display:flex;flex-direction:column;gap:.7rem;padding:.9rem;border:1px solid var(--line);border-radius:var(--r-xl);background:linear-gradient(165deg,#0a1626fc,#040b14fc),radial-gradient(ellipse 120% 60% at 50% 0%,rgba(var(--accent-rgb),.07),transparent 70%);box-shadow:var(--shadow-md),inset 0 1px #ffffff0e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb),.14) transparent}.sidebar-brand,.sidebar-user{padding:.8rem .9rem;border-radius:var(--r-lg);border:1px solid var(--line);background:#ffffff06}.sidebar-brand{display:flex;align-items:center;gap:.7rem}.sidebar-brand strong{display:block;font-weight:700;font-size:.88rem;letter-spacing:-.02em;margin-bottom:.1rem;color:var(--text)}.sidebar-brand p,.sidebar-user p{margin:0;color:var(--muted);font-size:.76rem}.sidebar-user{display:flex;flex-direction:column;gap:.1rem}.sidebar-user strong{font-size:.88rem;font-weight:600;color:var(--text)}.sidebar-nav{display:flex;flex-direction:column;gap:.2rem;padding:.15rem 0}.sidebar-group-label{padding:.6rem .6rem .25rem;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}.sidebar-link{position:relative;display:flex;align-items:center;gap:.65rem;padding:.65rem .85rem;border:1px solid transparent;border-radius:var(--r-lg);color:var(--muted);background:transparent;font-size:.84rem;font-weight:500;transition:color var(--t-normal),background var(--t-normal),border-color var(--t-normal),box-shadow var(--t-normal);text-decoration:none}.sidebar-link:hover{color:var(--text-2);background:#ffffff0a;border-color:var(--line)}.sidebar-link.active{color:var(--text);font-weight:600;background:linear-gradient(135deg,rgba(var(--accent-rgb),.15),rgba(var(--accent-rgb),.05));border-color:rgba(var(--accent-rgb),.28);box-shadow:0 0 24px rgba(var(--accent-rgb),.07),inset 0 1px rgba(var(--accent-rgb),.1)}.sidebar-link.active:before{content:"";position:absolute;left:-.9rem;top:22%;bottom:22%;width:3px;border-radius:0 3px 3px 0;background:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb),.8)}.sidebar-link-icon{width:16px;height:16px;flex-shrink:0;opacity:.6;transition:opacity var(--t-normal),color var(--t-normal)}.sidebar-link.active .sidebar-link-icon{opacity:1;color:var(--accent)}.sidebar-link:hover .sidebar-link-icon{opacity:.9}.sidebar-link-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-summary{padding:.85rem;border-radius:var(--r-lg);border:1px solid var(--line);background:linear-gradient(155deg,#ffffff08,#ffffff03)}.sidebar-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.5rem}.sidebar-summary-card{padding:.65rem .7rem;border-radius:var(--r-md);border:1px solid var(--line);background:#030a1180}.sidebar-summary-card strong{display:block;font-size:1.4rem;font-weight:800;letter-spacing:-.04em;color:var(--text);line-height:1}.sidebar-summary-card span{display:block;color:var(--muted);font-size:.7rem;margin-top:.25rem}.sidebar-tags{display:flex;gap:.38rem;flex-wrap:wrap;margin-top:.7rem}.sidebar-tag{display:inline-flex;align-items:center;padding:.22rem .52rem;border-radius:var(--r-full);border:1px solid var(--line);color:var(--muted);background:#ffffff06;font-size:.68rem;font-weight:500}.sidebar-logout{margin-top:auto;width:100%;padding:.6rem 1rem;border-radius:var(--r-lg);border:1px solid var(--line);background:#ffffff06;color:var(--muted);font-size:.82rem;cursor:pointer;text-align:center;transition:color var(--t-normal),border-color var(--t-normal),background var(--t-normal)}.sidebar-logout:hover{color:var(--danger);border-color:rgba(var(--danger-rgb),.3);background:rgba(var(--danger-rgb),.06);transform:none}input,select,textarea,button,.btn{border:1px solid var(--line);border-radius:var(--r-lg);color:var(--text);background:#06101ab8;padding:.78rem 1rem;transition:border-color var(--t-normal),box-shadow var(--t-normal),background var(--t-normal),transform var(--t-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(var(--accent-rgb),.55);background:#081422e0;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1),0 2px 8px #0000004d}input::placeholder,textarea::placeholder{color:var(--muted-2)}select option{background:#060f1c}button,.btn{cursor:pointer}button:hover,.btn:hover{transform:translateY(-1px);border-color:rgba(var(--accent-rgb),.38)}button:active,.btn:active{transform:translateY(0)}textarea{resize:vertical}.page{display:flex;flex-direction:column;gap:1.25rem;animation:fade-up .2s ease both}.center{min-height:calc(100vh - 6rem);display:grid;place-items:center;padding:1rem 0}.hero-panel,.panel-card,.card{position:relative;border:1px solid var(--line);border-radius:var(--r-2xl);background:linear-gradient(168deg,#0b1828f7,#050c16fc),radial-gradient(ellipse 70% 50% at 0% 0%,rgba(var(--accent-rgb),.08),transparent 65%);box-shadow:var(--shadow-md),inset 0 1px #ffffff0d;overflow:hidden}.hero-panel:before,.panel-card:before,.card:before{content:"";position:absolute;inset:0 15% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.5),transparent);pointer-events:none}.hero-panel{padding:1.65rem;display:grid;gap:1.2rem}.page-hero{grid-template-columns:minmax(0,1.3fr) minmax(260px,.8fr);align-items:end}.hero-landing{grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr);align-items:center;overflow:hidden}.hero-landing:after{content:"";position:absolute;right:-6%;top:-25%;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.18),transparent 70%);pointer-events:none;animation:glow-breathe 4.5s ease-in-out infinite}.hero-copy-block{position:relative;z-index:1}.hero-support-copy{max-width:60ch;color:var(--text-2);line-height:1.65}.hero-cta-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.2rem}.hero-primary{display:inline-flex;align-items:center;background:linear-gradient(140deg,var(--accent) 30%,color-mix(in srgb,var(--accent-warm) 65%,var(--accent)));color:#020c16;border-color:transparent;font-weight:700;font-size:.88rem;letter-spacing:-.01em;box-shadow:0 6px 24px rgba(var(--accent-rgb),.38),0 2px 8px #00000059,inset 0 1px #ffffff38}.hero-primary:hover{transform:translateY(-2px);border-color:transparent;box-shadow:0 12px 38px rgba(var(--accent-rgb),.52),0 4px 14px #0006,inset 0 1px #ffffff47}.hero-secondary{background:#ffffff0a;border-color:var(--line-med)}.hero-visual{position:relative;min-height:260px;display:grid;place-items:center}.hero-logo-frame{width:min(100%,260px);aspect-ratio:1;display:grid;place-items:center;border-radius:var(--r-2xl);border:1px solid var(--line-med);background:linear-gradient(155deg,#ffffff12,#ffffff05),linear-gradient(135deg,rgba(var(--accent-rgb),.14),transparent 58%);box-shadow:0 4px 36px rgba(var(--accent-rgb),.18),inset 0 1px #ffffff1a}.hero-logo-image{width:72%;height:72%;object-fit:contain}.hero-logo-fallback{width:72%;height:72%;display:grid;place-items:center;border-radius:var(--r-xl);background:linear-gradient(135deg,var(--accent),var(--accent-warm));color:#030d18;font-size:clamp(2rem,6vw,4rem);font-weight:800;letter-spacing:-.04em;box-shadow:0 8px 36px rgba(var(--accent-rgb),.45)}.hero-floating-card{position:absolute;right:0;bottom:.5rem;max-width:210px;padding:.9rem;border-radius:var(--r-lg);border:1px solid var(--line);background:#040c16e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-md)}.hero-floating-card strong{display:block;margin-bottom:.3rem;font-size:.88rem}.hero-floating-card p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.5}.hero-panel h1,.panel-card h2,.card h3,.card h1{margin:0;font-weight:800;letter-spacing:-.03em;font-size:clamp(1.75rem,3.5vw,2.8rem);line-height:1.05}.eyebrow{margin:0 0 .3rem;letter-spacing:.14em;text-transform:uppercase;font-size:.66rem;font-weight:700;color:var(--accent);opacity:.85}.hero-copy,.empty-state,.field-label,.notice,.tiny{color:var(--muted)}.tiny{font-size:.77rem}.page-hero-stat,.mini-stat-card{border:1px solid var(--line);border-radius:var(--r-xl);background:linear-gradient(165deg,#ffffff0d,#ffffff04),#030a128c}.page-hero-stat{padding:1.2rem;justify-self:end;max-width:280px}.page-hero-stat strong,.mini-stat-card strong{display:block;font-size:2.1rem;font-weight:800;letter-spacing:-.04em;margin:.25rem 0 .35rem}.page-hero-stat p{margin:0;color:var(--muted)}.hero-copy,.empty-state{color:var(--muted)}.hero-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.mini-stat-card{padding:.95rem}.mini-stat-card span{color:var(--muted)}.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.metric-row-shell{margin-top:-.3rem}.metric-card{padding:1.15rem 1.25rem;border:1px solid var(--line);border-radius:var(--r-xl);background:linear-gradient(152deg,#ffffff0a,#ffffff03);position:relative;overflow:hidden;transition:border-color var(--t-slow),box-shadow var(--t-slow),transform var(--t-slow)}.metric-card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.42),transparent)}.metric-card:hover{border-color:rgba(var(--accent-rgb),.28);box-shadow:0 6px 28px rgba(var(--accent-rgb),.1),0 2px 8px #0000004d;transform:translateY(-2px)}.metric-card span{display:block;color:var(--muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.metric-card strong{font-size:2.1rem;font-weight:800;letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,var(--text) 40%,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.toolbar,.row,.action-cluster,.section-heading,.details-grid,.form-grid,.layout-grid{display:flex;gap:.75rem;flex-wrap:wrap}.toolbar input,.toolbar select{flex:1 1 220px}.manual-ban-toggle.active{border-color:rgba(var(--accent-rgb),.48);background:linear-gradient(135deg,rgba(var(--accent-rgb),.15),#ffffff05)}.layout-grid{align-items:flex-start}.layout-grid>*{flex:1 1 420px}.panel-stack{display:flex;flex-direction:column;gap:1.25rem;flex:1 1 420px}.panel-card,.card{padding:1.4rem;display:flex;flex-direction:column;gap:1rem}.hero-status-stack{display:flex;flex-direction:column;gap:.7rem;align-self:start;min-width:min(100%,380px)}.section-heading{align-items:center;justify-content:space-between}.section-heading h2{font-size:clamp(1.25rem,2.8vw,1.85rem)}.notice{padding:.82rem 1rem;border-radius:var(--r-md);border:1px solid var(--line)}.notice.success{color:#b8ffe0;background:#2dc9a01a;border-color:#2dc9a047}.notice.error{color:#ffcfc9;background:#ff66521a;border-color:#ff665247}.error-banner{padding:.82rem 1rem;border-radius:var(--r-md);border:1px solid rgba(var(--danger-rgb),.28);background:rgba(var(--danger-rgb),.09);color:#ffcfc9;margin-bottom:.75rem}.success-banner{padding:.82rem 1rem;border-radius:var(--r-md);border:1px solid rgba(45,201,160,.28);background:#2dc9a017;color:#b8ffe0;margin-bottom:.75rem}.table-shell{overflow:auto;border-radius:var(--r-xl);border:1px solid var(--line)}table{width:100%;min-width:980px;border-collapse:collapse;background:#0309108c}th,td{padding:.88rem 1rem;border-bottom:1px solid rgba(100,165,210,.07);text-align:left;vertical-align:top}th{position:sticky;top:0;z-index:1;color:var(--muted);font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;background:#050c16f7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}tbody tr{cursor:pointer;transition:background var(--t-fast)}tbody tr:nth-child(2n){background:#ffffff03}tbody tr:hover{background:rgba(var(--accent-rgb),.055)}tbody tr.selected{background:rgba(var(--accent-rgb),.1);outline:1px solid rgba(var(--accent-rgb),.22) inset}tbody tr.connected-row{box-shadow:inset 3px 0 0 var(--accent-2)}tbody tr.row-locked{cursor:default}tbody tr.row-locked:hover{background:transparent}.cell-stack{display:flex;flex-direction:column;gap:.22rem}.cell-stack span{color:var(--muted);font-size:.82rem}.status-pill,.identifier-chip,.role-pill,.permission-chip,.ghost-button,.checkbox-row{display:inline-flex;align-items:center;gap:.45rem}.status-pill{padding:.28rem .62rem;border-radius:var(--r-full);border:1px solid var(--line);font-size:.7rem;font-weight:700;letter-spacing:.04em;background:#ffffff08}.status-pill:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.9;flex-shrink:0}.status-pill.active{color:#98ffe2;border-color:#2dc9a059;background:#2dc9a01f}.status-pill.active:before{animation:pulse-dot 2s ease-in-out infinite}.status-pill.revoked{color:#ffc8c1;border-color:rgba(var(--danger-rgb),.32);background:rgba(var(--danger-rgb),.1)}.status-pill.expired{color:#ffe19a;border-color:#ffcf734d;background:#ffcf7314}.ghost-button{padding:.4rem .82rem;border-radius:var(--r-full);border:1px solid var(--line);background:#ffffff06;font-size:.8rem;font-weight:500}.ghost-button:hover{border-color:rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.07);color:var(--text)}.danger-button{background:rgba(var(--danger-rgb),.08);border-color:rgba(var(--danger-rgb),.28);color:#ffb8b0}.danger-button:hover{background:rgba(var(--danger-rgb),.16);border-color:rgba(var(--danger-rgb),.5);box-shadow:0 0 20px rgba(var(--danger-rgb),.2)}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.details-grid>div{padding:.9rem 1rem;border-radius:var(--r-lg);border:1px solid var(--line);background:#ffffff05;transition:border-color var(--t-normal)}.details-grid>div:hover{border-color:var(--line-med)}.field-label{display:block;margin-bottom:.35rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.identifier-list,.permission-grid,.role-list,.assignment-list,.editor-stack,.mapping-shell,.brand-preview-grid,.stack-list,.login-feature-list{display:flex;gap:.75rem;flex-wrap:wrap}.manual-ban-shell,.mapping-type-card,.mapping-form-card,.brand-preview-card{border:1px solid var(--line);border-radius:var(--r-xl);background:linear-gradient(165deg,#ffffff08,#ffffff03),#040b1499}.manual-ban-shell{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:1rem;padding:1rem}.manual-ban-intro{padding:.25rem}.manual-ban-intro p{margin:0;color:var(--muted);line-height:1.55;font-size:.86rem}.stack-list{flex-direction:column}.stack-list-card{display:flex;flex-direction:column;gap:.35rem;padding:.88rem 1rem;border-radius:var(--r-lg);border:1px solid var(--line);background:#ffffff06;transition:border-color var(--t-normal)}.stack-list-card:hover{border-color:var(--line-med)}.stack-list-card span{color:var(--muted)}.identifier-chip{padding:.38rem .72rem;border-radius:var(--r-full);border:1px solid var(--line);color:var(--muted);background:#ffffff06;font-size:.76rem;font-family:Cascadia Code,Fira Code,Consolas,monospace}.identifier-chip.chip-discord{border-color:#5865f273;color:#adb6ff;background:#5865f214}.identifier-chip.chip-steam{border-color:#64a3dc73;color:#90ccf8;background:#64a3dc14}.identifier-chip.chip-license{border-color:#32c8a066;color:#5ae8c4;background:#32c8a014}.identifier-chip.chip-fivem{border-color:#a071f773;color:#c8a8ff;background:#a071f714}.identifier-chip.chip-xbl{border-color:#50c85066;color:#7eea7e;background:#50c85014}.identifier-chip.chip-ip{border-color:#f7c26b73;color:#f7c26b;background:#f7c26b14}.identifier-chip.chip-hwid{border-color:#ff7f7073;color:#ff9d8d;background:#ff7f7014}.monospace{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.88em}.chip-ip-text{color:#f7c26b}.chip-hwid-text{color:#ff9d8d}.editor-stack{flex-direction:column}.bordered-top{padding-top:1rem;border-top:1px solid var(--line)}.editor-stack label,.form-grid label{display:flex;flex-direction:column;gap:.45rem;flex:1 1 220px;font-size:.8rem;font-weight:500;color:var(--text-2)}.full-width{width:100%}.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.permission-grid.compact{max-height:380px;overflow:auto;padding-right:.25rem}.admin-layout>*{flex:1 1 480px}.mapping-shell{align-items:stretch}.mapping-type-card,.mapping-form-card,.brand-preview-card{padding:1rem}.mapping-type-card{flex:0 1 220px;display:flex;flex-direction:column;gap:.75rem}.mapping-form-card{flex:1 1 360px;display:flex;flex-direction:column;gap:1rem}.brand-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.brand-preview-card{display:flex;flex-direction:column;gap:.85rem}.login-shell{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.9fr);gap:1rem;align-items:stretch}.login-copy{display:flex;flex-direction:column;gap:.85rem}.login-support{max-width:48ch;color:var(--muted);margin:0;line-height:1.65;font-size:.88rem}.login-feature{display:inline-flex;align-items:center;padding:.38rem .78rem;border-radius:var(--r-full);border:1px solid var(--line);background:#ffffff06;color:var(--text-2);font-size:.78rem;font-weight:500}.login-actions-panel{display:flex;flex-direction:column;gap:.82rem;padding:1.2rem;border-radius:var(--r-xl);border:1px solid rgba(var(--accent-rgb),.2);background:linear-gradient(150deg,rgba(var(--accent-rgb),.1),#ffffff05),#030a13eb;box-shadow:0 0 44px rgba(var(--accent-rgb),.09),var(--shadow-sm)}.login-provider{width:100%;justify-content:center;text-align:center}.permission-chip,.role-pill,.assignment-row{border:1px solid var(--line);border-radius:var(--r-lg);background:#ffffff05}.permission-chip{padding:.68rem .88rem;font-size:.8rem;transition:border-color var(--t-normal),background var(--t-normal);cursor:pointer}.permission-chip:hover{border-color:var(--line-med);background:#ffffff0a}.role-list{gap:.6rem}.role-pill{padding:.85rem 1rem;min-width:148px;flex-direction:column;align-items:flex-start;cursor:pointer;transition:border-color var(--t-normal),background var(--t-normal),box-shadow var(--t-normal)}.role-pill:hover{border-color:var(--line-med);background:#ffffff08}.role-pill span{color:var(--muted);font-size:.78rem}.role-pill.active{border-color:rgba(var(--accent-rgb),.42);background:rgba(var(--accent-rgb),.09);box-shadow:0 0 18px rgba(var(--accent-rgb),.1)}.assignment-list{flex-direction:column}.assignment-row{padding:.88rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:border-color var(--t-normal),background var(--t-normal)}.assignment-row:hover{border-color:var(--line-med);background:#ffffff06}.assignment-row span{display:block;color:var(--muted);margin-top:.2rem;font-size:.8rem}.assignment-row strong{overflow-wrap:anywhere}.login{width:min(620px,100%)}.empty-state{padding:1.5rem;border-radius:var(--r-lg);border:1px dashed var(--line-med);text-align:center;font-size:.88rem}ul{margin:0;padding-left:1.2rem}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb),.17);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-rgb),.35)}.player-src-badge{display:inline-flex;align-items:center;padding:.26rem .58rem;border-radius:var(--r-full);border:1px solid var(--line);background:#ffffff08;color:var(--muted);font-size:.7rem;font-weight:700;font-family:Cascadia Code,Fira Code,Consolas,monospace;flex-shrink:0;letter-spacing:.02em}.player-src-badge--lg{padding:.4rem .82rem;font-size:.84rem;color:var(--text);border-color:rgba(var(--accent-rgb),.3);background:rgba(var(--accent-rgb),.08)}.ban-confirm-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.section-heading>div{display:flex;flex-direction:column;gap:.1rem}.sidebar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.page-content{padding:2rem 2.5rem;max-width:1100px}.panel-card-title{font-size:.88rem;font-weight:600;color:var(--text);margin-bottom:1rem}.tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.tag-card{position:relative}.bg-deep{background:#02080fe6}.btn-primary{padding:.52rem 1.05rem;border-radius:var(--r-full);border:1px solid rgba(var(--accent-rgb),.48);background:rgba(var(--accent-rgb),.14);color:var(--accent);font-size:.82rem;font-weight:600;cursor:pointer;transition:background var(--t-normal),border-color var(--t-normal),box-shadow var(--t-normal),transform var(--t-fast)}.btn-primary:hover{background:rgba(var(--accent-rgb),.24);border-color:rgba(var(--accent-rgb),.72);box-shadow:0 0 22px rgba(var(--accent-rgb),.22);transform:translateY(-1px)}.btn-primary:disabled{opacity:.42;cursor:default;transform:none}.btn-secondary{padding:.44rem .88rem;border-radius:var(--r-full);border:1px solid var(--line);background:#ffffff06;color:var(--text-2);font-size:.8rem;font-weight:500;cursor:pointer;transition:background var(--t-normal),border-color var(--t-normal),transform var(--t-fast)}.btn-secondary:hover{border-color:rgba(var(--accent-rgb),.38);background:rgba(var(--accent-rgb),.07);transform:translateY(-1px)}.btn-secondary:disabled{opacity:.42;cursor:default}.btn-icon{padding:.44rem .82rem;border-radius:var(--r-full);border:1px solid var(--line);background:#ffffff06;font-size:.78rem;font-weight:500;cursor:pointer;transition:background var(--t-fast),transform var(--t-fast)}.btn-icon:hover{background:#ffffff0d;transform:translateY(-1px)}.btn-danger{padding:.44rem .88rem;border-radius:var(--r-full);border:1px solid rgba(var(--danger-rgb),.28);background:rgba(var(--danger-rgb),.08);color:#ffb8b0;font-size:.8rem;font-weight:500;cursor:pointer;transition:background var(--t-normal),border-color var(--t-normal),box-shadow var(--t-normal)}.btn-danger:hover{background:rgba(var(--danger-rgb),.16);border-color:rgba(var(--danger-rgb),.5);box-shadow:0 0 18px rgba(var(--danger-rgb),.18)}.btn-danger:disabled{opacity:.42;cursor:default}@media (max-width: 1180px){.app-body.with-sidebar{grid-template-columns:1fr}.sidebar{position:static;max-height:none;flex-direction:row;flex-wrap:wrap;padding:.85rem}.sidebar-brand,.sidebar-user{flex:1 1 240px}.sidebar-nav{flex-direction:row;flex-wrap:wrap;width:100%}.sidebar-link{flex:0 0 auto}.sidebar-link.active:before{display:none}.sidebar-summary{width:100%}.sidebar-logout{flex:0 0 auto;margin-top:0}}@media (max-width: 980px){.topbar{padding:.85rem 1.25rem;height:auto;align-items:flex-start;flex-direction:column}.app-body{width:min(100vw - 1rem,1680px);padding-top:1rem}.metric-row,.details-grid{grid-template-columns:1fr 1fr}.hero-landing,.page-hero,.login-shell{grid-template-columns:1fr}.topbar-actions{width:100%;justify-content:space-between}.topbar-user{align-items:flex-start}.manual-ban-shell,.brand-preview-grid{grid-template-columns:1fr}}@media (max-width: 720px){.metric-row,.details-grid,.permission-grid{grid-template-columns:1fr}.hero-panel,.panel-card,.card,.sidebar{border-radius:var(--r-xl)}.hero-stat-row,.sidebar-summary-grid{grid-template-columns:1fr}}.map-page .panel-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.map-panel-card{flex:1;min-height:0}.map-web-controls{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line);flex-shrink:0;flex-wrap:wrap}.map-web-style-switcher{display:flex;gap:6px}.map-web-style-btn{background:#ffffff0a;border:1px solid var(--line);border-radius:var(--r-sm);color:var(--muted);cursor:pointer;font:500 .78rem/1 inherit;padding:6px 14px;transition:background .15s,color .15s,border-color .15s}.map-web-style-btn:hover{background:#ffffff14;color:var(--text)}.map-web-style-btn.active{background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.5);color:var(--accent)}.map-web-hint{font-size:.72rem;color:var(--muted);opacity:.6;margin-left:auto}.map-web-canvas-wrap{flex:1;min-height:480px;position:relative;overflow:hidden;background:#040c16}.map-web-canvas-wrap canvas{display:block;width:100%;height:100%;cursor:grab}.map-web-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.85rem;pointer-events:none}.map-web-tooltip{position:absolute;background:#040c16f2;border:1px solid var(--line-med);border-radius:var(--r-md);padding:10px 14px;min-width:160px;pointer-events:auto;box-shadow:var(--shadow-md);z-index:10}.map-web-tooltip-close{position:absolute;top:6px;right:8px;background:none;border:none;color:var(--muted);cursor:pointer;font-size:.75rem;padding:2px 4px}.map-web-tooltip-name{font-weight:700;font-size:.88rem;color:var(--text);margin-bottom:6px;padding-right:18px}.map-web-tooltip-row{display:flex;justify-content:space-between;gap:12px;font-size:.76rem;color:var(--muted);padding:2px 0}.map-web-tooltip-row span:last-child{color:var(--text);font-variant-numeric:tabular-nums}.map-web-legend{display:flex;align-items:center;gap:14px;padding:8px 16px;border-top:1px solid var(--line);flex-shrink:0;flex-wrap:wrap}.map-web-legend-item{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--muted);text-transform:capitalize}.map-web-legend-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.map-nocoords-list{display:flex;flex-direction:column;gap:4px}.map-nocoords-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:var(--r-sm);background:#ffffff08;font-size:.82rem}.map-nocoords-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.map-nocoords-name{flex:1;color:var(--text);font-weight:500}.map-nocoords-id{color:var(--muted);font-size:.74rem;font-family:monospace}.map-nocoords-role{font-size:.74rem;font-weight:500;text-transform:capitalize}