:root{color-scheme:dark;--bg:#020814;--panel:rgba(5,18,38,.82);--panel2:rgba(9,25,51,.72);--line:rgba(96,176,255,.18);--cyan:#18e7ff;--blue:#3986ff;--violet:#7b5cff;--magenta:#d65cff;--green:#39f598;--amber:#ffb84d;--red:#ff5468;--text:#f5faff;--muted:#8da6c5;--shadow:0 24px 90px rgba(0,0,0,.5);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100vh;margin:0;color:var(--text);background:radial-gradient(circle at 15% 0%,rgba(24,231,255,.1),transparent 33%),radial-gradient(circle at 90% 90%,rgba(123,92,255,.12),transparent 35%),linear-gradient(135deg,#020814,#061126 54%,#020814);overflow-x:hidden}button,input,select{font:inherit}.space{position:fixed;inset:0;pointer-events:none;overflow:hidden;opacity:.9}.space:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(43,139,210,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(43,139,210,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.space i{position:absolute;width:2px;height:2px;background:#c8fbff;border-radius:50%;box-shadow:16vw 12vh #18e7ff,32vw 72vh #fff,48vw 22vh #3986ff,67vw 83vh #d65cff,88vw 18vh #fff,94vw 66vh #18e7ff,22vw 91vh #7b5cff}.space i:nth-child(2){transform:translate(8vw,18vh);opacity:.5}.space i:nth-child(3){transform:translate(17vw,41vh);opacity:.25}.glass{background:linear-gradient(145deg,rgba(11,31,60,.78),rgba(3,12,28,.88));border:1px solid var(--line);box-shadow:inset 0 1px rgba(255,255,255,.035),var(--shadow);backdrop-filter:blur(20px)}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:5rem 1.5rem;position:relative}.brand-corner{position:absolute;top:2rem;left:2.5rem;display:flex;align-items:center;gap:.7rem;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.22em}.brand-rune{display:grid;place-items:center;width:2.35rem;height:2.35rem;color:var(--cyan);font-size:1.35rem;border:1px solid rgba(24,231,255,.45);background:rgba(24,231,255,.07);transform:rotate(45deg);box-shadow:0 0 24px rgba(24,231,255,.16)}.brand-rune::first-letter{transform:rotate(-45deg)}.brand-rune.small{width:2.5rem;height:2.5rem}.login-card{width:min(34rem,100%);text-align:center;padding:3.25rem 3.5rem 2.6rem;position:relative;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px)}.login-card:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(24,231,255,.07),transparent 70%);transform:translateX(-120%);animation:sweep 6s ease-in-out infinite}.sigil{width:6.5rem;height:6.5rem;margin:0 auto 1.8rem;display:grid;place-items:center;border:1px solid rgba(24,231,255,.55);transform:rotate(45deg);background:radial-gradient(circle,rgba(24,231,255,.13),transparent 68%);box-shadow:0 0 50px rgba(24,231,255,.19),inset 0 0 28px rgba(24,231,255,.12)}.sigil span{transform:rotate(-45deg);font-size:3.8rem;color:var(--cyan);text-shadow:0 0 25px var(--cyan)}.eyebrow{font-size:.68rem;color:var(--cyan);letter-spacing:.24em;font-weight:800;margin:0 0 .55rem}.login-card h1{font-size:clamp(2.2rem,7vw,3.65rem);line-height:.95;letter-spacing:.04em;margin:.5rem 0 .55rem;font-family:Rajdhani,Inter,sans-serif}.login-card h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 28px rgba(24,231,255,.45)}.subtitle{margin:0;color:var(--muted);letter-spacing:.45em;font-size:.76rem}.divider{display:flex;align-items:center;gap:.8rem;margin:2rem auto 1.6rem;color:var(--violet)}.divider span{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(123,92,255,.6))}.divider span:last-child{transform:scaleX(-1)}.tagline{color:#c4d3e7;margin:0 0 1.8rem}.button{min-height:2.8rem;padding:.75rem 1.1rem;border:1px solid transparent;border-radius:.4rem;color:white;font-weight:750;letter-spacing:.02em;cursor:pointer;transition:.2s ease}.discord-button{width:100%;min-height:3.6rem;background:linear-gradient(110deg,#5865f2,#725cff);box-shadow:0 12px 30px rgba(88,101,242,.24);display:flex;align-items:center;justify-content:center;gap:.8rem}.discord-button svg{width:1.55rem;fill:white}.button:hover{transform:translateY(-2px);filter:brightness(1.1)}.secure-note{font-size:.72rem;color:var(--muted);margin:1.25rem 0 0}.secure-note span{display:inline-block;width:.45rem;height:.45rem;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);margin-right:.35rem}.demo-note{position:absolute;bottom:1rem;color:#506781;font-size:.68rem}
.app-shell{min-height:100vh;position:relative}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:17.5rem;padding:1.5rem;display:flex;flex-direction:column;border-width:0 1px 0 0}.side-brand{display:flex;align-items:center;gap:1rem;text-decoration:none;color:var(--text);margin-bottom:2.8rem}.side-brand>span:last-child{display:grid;line-height:1}.side-brand strong{font-family:Rajdhani,sans-serif;font-size:1.22rem;letter-spacing:.1em}.side-brand em{font-style:normal;font-size:.75rem;letter-spacing:.35em;color:var(--cyan);margin-top:.35rem}.sidebar nav{display:grid;gap:.35rem}.nav-item{width:100%;border:1px solid transparent;background:transparent;color:var(--muted);text-align:left;padding:.83rem .9rem;border-radius:.35rem;cursor:pointer;display:flex;gap:.8rem;align-items:center}.nav-item>span{width:1.3rem;color:#6a8cac}.nav-item b{margin-left:auto;font-size:.65rem;background:rgba(123,92,255,.25);color:#cdbfff;border:1px solid rgba(123,92,255,.35);border-radius:1rem;padding:.12rem .42rem}.nav-item:hover,.nav-item.active{color:var(--text);background:linear-gradient(90deg,rgba(24,231,255,.12),transparent);border-color:rgba(24,231,255,.18)}.nav-item.active>span{color:var(--cyan)}.nav-label{font-size:.62rem;letter-spacing:.2em;color:#4f6780;margin:1.65rem .9rem .45rem}.user-card{margin-top:auto;border-top:1px solid var(--line);padding-top:1.2rem;display:flex;align-items:center;gap:.7rem}.avatar{width:2.4rem;height:2.4rem;border:1px solid rgba(214,92,255,.45);background:rgba(214,92,255,.12);display:grid;place-items:center;font-size:.7rem;color:#efbdff}.user-card>div:nth-child(2){display:grid;min-width:0}.user-card strong{font-size:.8rem;white-space:nowrap}.user-card span{font-size:.6rem;color:var(--magenta);letter-spacing:.12em;margin-top:.2rem}.user-card button{margin-left:auto;background:transparent;border:0;color:var(--muted);cursor:pointer}.workspace{margin-left:17.5rem;min-height:100vh;padding:2rem clamp(1.3rem,4vw,4rem) 4rem}.topbar{height:4.5rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:2.2rem}.topbar h2{font-family:Rajdhani,sans-serif;font-size:1.7rem;margin:0}.topbar .eyebrow{margin-bottom:.3rem}.top-actions{display:flex;align-items:center;gap:.7rem}.status-pill{font-size:.62rem;letter-spacing:.13em;color:#9ab1ca;border:1px solid var(--line);background:rgba(5,18,38,.58);padding:.6rem .75rem;border-radius:2rem}.status-pill i{display:inline-block;width:.45rem;height:.45rem;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);margin-right:.4rem}.icon-button,.menu-button{width:2.5rem;height:2.5rem;border:1px solid var(--line);background:rgba(5,18,38,.7);color:var(--muted);border-radius:.35rem;cursor:pointer}.menu-button{display:none}.view{display:none}.view.active-view{display:block}.welcome-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.welcome-row>div:first-child{margin-right:auto}.welcome-row h3,.admin-head h3{font-family:Rajdhani,sans-serif;font-size:1.55rem;margin:0}.welcome-row p,.admin-head p,.panel-head p{color:var(--muted);font-size:.85rem;margin:.35rem 0 0}.stat-mini{min-width:6.7rem;border-left:1px solid rgba(24,231,255,.35);padding:.25rem 1rem}.stat-mini strong{font-size:1.65rem;color:var(--cyan)}.stat-mini span{display:block;font-size:.55rem;letter-spacing:.12em;color:var(--muted)}.stat-mini.violet{border-color:rgba(123,92,255,.55)}.stat-mini.violet strong{color:#a28cff}.toolbar{padding:.8rem;display:flex;gap:1rem;justify-content:space-between;border-radius:.5rem;margin-bottom:1.15rem}.search{display:flex;align-items:center;gap:.6rem;min-width:min(24rem,45%);padding:0 .75rem;background:rgba(0,0,0,.18);border:1px solid rgba(96,176,255,.12);border-radius:.35rem;color:var(--muted)}.search input{width:100%;padding:.65rem 0;background:transparent;border:0;outline:0;color:var(--text)}.chips{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.chip{border:1px solid transparent;background:transparent;color:var(--muted);padding:.55rem .72rem;border-radius:.3rem;cursor:pointer;font-size:.72rem}.chip:hover,.chip.active{border-color:rgba(24,231,255,.3);background:rgba(24,231,255,.08);color:var(--cyan)}.system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.system-card{position:relative;padding:1.3rem;border-radius:.5rem;min-height:14rem;display:flex;flex-direction:column;overflow:hidden;transition:.2s ease}.system-card:hover{transform:translateY(-3px);border-color:rgba(24,231,255,.35)}.system-card:after{content:"";position:absolute;inset:auto -20% -55% 25%;height:9rem;background:radial-gradient(circle,var(--glow),transparent 68%);opacity:.12}.card-top{display:flex;align-items:center;justify-content:space-between}.system-icon{width:3rem;height:3rem;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent);font-family:Rajdhani,sans-serif;font-size:1.35rem;font-weight:800;box-shadow:0 0 22px color-mix(in srgb,var(--accent) 12%,transparent)}.access-state{font-size:.6rem;letter-spacing:.08em;color:var(--green);border:1px solid rgba(57,245,152,.28);background:rgba(57,245,152,.07);padding:.3rem .5rem;border-radius:2rem}.system-card h4{font-size:1.05rem;margin:1rem 0 .25rem}.system-card p{color:var(--muted);font-size:.77rem;line-height:1.45;margin:0 0 1rem}.card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.card-url{font-size:.65rem;color:#5e7895}.open-button{color:var(--cyan);border:1px solid rgba(24,231,255,.35);background:rgba(24,231,255,.07);padding:.48rem .75rem;border-radius:.3rem;text-decoration:none;font-size:.7rem;font-weight:750}.system-card[data-access="request"] .access-state{color:var(--amber);border-color:rgba(255,184,77,.3);background:rgba(255,184,77,.07)}.system-card[data-access="locked"]{opacity:.64}.system-card[data-access="locked"] .access-state{color:#8da6c5;border-color:rgba(141,166,197,.25);background:rgba(141,166,197,.06)}.system-card[data-access="locked"] .open-button{pointer-events:none;color:#7890a8;border-color:rgba(141,166,197,.2);background:rgba(141,166,197,.05)}.empty-state{text-align:center;padding:4rem 1rem}.empty-state>span{font-size:2rem;color:var(--cyan)}.empty-state h3{margin:.7rem 0 .3rem}.empty-state p{color:var(--muted);margin:0}
.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem}.primary-button{background:linear-gradient(110deg,#087f9b,#6c55d9);border-color:rgba(24,231,255,.3);box-shadow:0 10px 28px rgba(24,231,255,.1)}.secondary-button{background:rgba(141,166,197,.08);border-color:var(--line);color:#bdd0e4}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.metric{padding:1rem 1.1rem;border-radius:.45rem}.metric span{display:block;font-size:.6rem;letter-spacing:.12em;color:var(--muted)}.metric strong{display:block;font-family:Rajdhani,sans-serif;font-size:2rem;margin:.3rem 0 0;color:var(--cyan)}.metric small{font-size:.65rem;color:#617b96}.metric.warning strong{color:var(--amber)}.admin-panel{border-radius:.5rem;overflow:hidden}.panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.2rem 1.35rem;border-bottom:1px solid var(--line)}.panel-head h4{margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;font-size:.6rem;color:#67829e;letter-spacing:.12em;padding:.8rem 1.1rem;background:rgba(0,0,0,.12)}td{padding:.9rem 1.1rem;border-top:1px solid rgba(96,176,255,.09);font-size:.75rem;color:#9eb3c9}td:first-child{display:flex;align-items:center;gap:.7rem}.table-icon{width:2rem;height:2rem;display:grid;place-items:center;border:1px solid currentColor;background:rgba(255,255,255,.03)}.table-icon.cyan{color:var(--cyan)}.table-icon.violet{color:#9e8cff}.table-icon.amber{color:var(--amber)}.table-icon.magenta{color:var(--magenta)}td:first-child span{display:grid}td:first-child strong{color:var(--text)}td:first-child small{font-size:.61rem;color:#5f7995;margin-top:.15rem}.role{display:inline-block;font-size:.58rem;color:#b5c9dd;border:1px solid var(--line);padding:.25rem .4rem;border-radius:.2rem}.role.owner{color:#efc1ff;border-color:rgba(214,92,255,.35);background:rgba(214,92,255,.07)}.online,.pending{font-size:.65rem;color:var(--green)}.online:before,.pending:before{content:"";display:inline-block;width:.4rem;height:.4rem;border-radius:50%;background:currentColor;margin-right:.4rem;box-shadow:0 0 8px currentColor}.pending{color:var(--amber)}.dots{background:transparent;border:0;color:#8299b1;cursor:pointer}.button.tiny{min-height:0;padding:.4rem .6rem;font-size:.65rem;background:rgba(214,92,255,.1);color:#e8b2fa;border-color:rgba(214,92,255,.3)}.placeholder-view{text-align:center;margin:auto;padding:5rem;border-radius:.5rem}.placeholder-view>span{font-size:3rem;color:var(--cyan)}.placeholder-view h3{font-family:Rajdhani,sans-serif;font-size:1.5rem;margin:.8rem 0}.placeholder-view p{color:var(--muted)}
.nexus-dialog{width:min(28rem,calc(100% - 2rem));color:var(--text);background:#061227;border:1px solid rgba(24,231,255,.28);border-radius:.5rem;box-shadow:0 30px 120px #000;padding:0}.nexus-dialog::backdrop{background:rgba(0,4,12,.8);backdrop-filter:blur(7px)}.nexus-dialog form{padding:1.6rem;position:relative}.nexus-dialog h3{font-family:Rajdhani,sans-serif;font-size:1.5rem;margin:.2rem 0 1.2rem}.dialog-close{position:absolute;right:.8rem;top:.6rem;background:transparent;border:0;color:var(--muted);font-size:1.5rem;cursor:pointer}.nexus-dialog label{display:grid;gap:.4rem;color:#a9bed2;font-size:.72rem;margin:.9rem 0}.nexus-dialog input,.nexus-dialog select{width:100%;padding:.75rem;background:#030b19;color:var(--text);border:1px solid var(--line);border-radius:.3rem;outline:0}.nexus-dialog input:focus,.nexus-dialog select:focus{border-color:rgba(24,231,255,.55)}.dialog-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.3rem}
@keyframes sweep{0%,45%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}
@media(max-width:1050px){.system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.sidebar{transform:translateX(-105%);transition:.25s ease}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0;padding:1.25rem}.menu-button{display:inline-grid;place-items:center;margin-right:.8rem}.topbar{justify-content:flex-start}.topbar>div:nth-child(2){margin-right:auto}.status-pill{display:none}.welcome-row{align-items:flex-start;flex-wrap:wrap}.welcome-row>div:first-child{width:100%}.toolbar{align-items:stretch;flex-direction:column}.search{min-width:100%}.system-grid{grid-template-columns:1fr}.admin-head{align-items:flex-start;gap:1rem}.metric-grid{grid-template-columns:1fr 1fr}.panel-head{align-items:flex-start;flex-direction:column}.login-card{padding:2.7rem 1.5rem}.brand-corner{top:1rem;left:1rem}.demo-note{padding:0 1rem;text-align:center}.topbar h2{font-size:1.35rem}}
@media(max-width:480px){.metric-grid{grid-template-columns:1fr}.top-actions{display:none}.welcome-row .stat-mini{flex:1}.admin-head{flex-direction:column}.admin-head .button{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}