:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f4f4;background:#080808;font-synthesis:none;--red: #e2252d;--red-bright: #ff3d43;--surface: rgba(255, 255, 255, .045);--line: rgba(255, 255, 255, .11);--muted: #8f8f93}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#080808}button,input{font:inherit}button{color:inherit}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 5%,rgba(255,255,255,.055),transparent 28%),radial-gradient(circle at 70% 100%,rgba(226,37,45,.06),transparent 28%)}.loading-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:24px;letter-spacing:.25em;font-size:12px}.loading-screen .logo-mark{width:48px;height:48px;animation:pulse 1.4s infinite}.brand{display:inline-flex;align-items:center;gap:13px;padding:0;border:0;background:none;cursor:pointer;letter-spacing:.16em;font-size:12px;font-weight:500}.brand b{color:var(--red-bright);font-weight:700}.logo-mark{position:relative;display:inline-block;width:31px;height:31px;border:1px solid rgba(255,255,255,.5);border-radius:50%;box-shadow:inset 0 0 14px #ffffff14}.logo-mark:before,.logo-mark:after,.logo-mark span{content:"";position:absolute;background:#fff;border-radius:4px}.logo-mark:before{width:4px;height:11px;left:8px;top:9px;transform:rotate(-32deg)}.logo-mark:after{width:4px;height:16px;right:8px;top:6px;transform:rotate(32deg);background:var(--red)}.logo-mark span{width:3px;height:3px;left:14px;top:6px}.logo-mark span:last-child{top:auto;bottom:6px}.topbar{height:76px;padding:0 clamp(24px,5vw,76px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:#080808c2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:10}.topbar nav{display:flex;height:100%;gap:28px}.topbar nav button{border:0;border-bottom:2px solid transparent;background:none;color:#777;padding:3px 6px 0;font-size:13px;cursor:pointer}.topbar nav button:hover,.topbar nav button.active{color:#fff;border-bottom-color:var(--red)}.user-menu{justify-self:end;display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#252525,#101010);border:1px solid var(--line);font-weight:650;font-size:12px}.username{color:#bbb;font-size:13px}.logout{width:30px;height:30px;border:0;background:transparent;color:#777;cursor:pointer;font-size:18px;transform:rotate(45deg)}.logout:hover{color:var(--red-bright)}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-intro{position:relative;padding:58px clamp(36px,7vw,105px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(125deg,#121212,#080808 70%)}.auth-intro:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.045);border-radius:50%;right:-240px;top:12%;box-shadow:0 0 0 80px #ffffff04,0 0 0 160px #ffffff03}.auth-intro:after{content:"";position:absolute;height:1px;width:65%;left:0;bottom:25%;transform:rotate(-16deg);background:linear-gradient(90deg,transparent,rgba(226,37,45,.5),transparent);box-shadow:0 0 24px #e2252d66}.brand-static{cursor:default;position:relative;z-index:1}.eyebrow,.kicker{margin:0 0 19px;color:#929297;text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:700}.eyebrow span{display:inline-block;width:28px;height:1px;margin:0 11px 3px 0;background:var(--red)}.auth-intro h1{position:relative;z-index:1;margin:0;font-size:clamp(48px,6.2vw,91px);line-height:.98;letter-spacing:-.055em;font-weight:250}h1 em{color:var(--red-bright);font-style:normal;font-weight:610}.intro-copy{color:#777;font-size:15px;max-width:310px;line-height:1.7}.system-note{color:#4f4f52;letter-spacing:.16em;font-size:9px}.system-note span{color:var(--red);padding:0 10px}.auth-panel{display:grid;place-items:center;padding:40px;background:radial-gradient(circle at 50% 42%,#161616 0,#0a0a0a 52%,#060606);border-left:1px solid rgba(255,255,255,.05)}.auth-card{width:min(100%,390px)}.auth-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:35px;border-radius:16px;color:var(--red-bright);background:linear-gradient(145deg,#e2252d29,#e2252d08);border:1px solid rgba(226,37,45,.22);box-shadow:0 15px 45px #00000080}.auth-icon svg,.security-caption svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.auth-card h2,.panel h2{margin:0;font-size:31px;font-weight:450;letter-spacing:-.025em}.muted{color:var(--muted);line-height:1.55;font-size:13px}.auth-card .muted{margin:10px 0 30px}form{display:grid;gap:19px}label{color:#a0a0a4;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:650}input{width:100%;margin-top:9px;padding:14px 15px;border:1px solid var(--line);border-radius:10px;background:#ffffff09;color:#fff;outline:none;font-size:14px;text-transform:none;letter-spacing:normal;box-shadow:inset 0 1px 6px #00000047;transition:.2s}input:focus{border-color:#e2252da6;box-shadow:0 0 0 3px #e2252d14}.primary-button{min-height:49px;margin-top:5px;padding:0 17px;border:1px solid #f4f4f4;border-radius:10px;background:#f4f4f4;color:#090909;display:flex;justify-content:center;align-items:center;gap:18px;cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:750;box-shadow:0 15px 35px #00000073;transition:transform .2s,background .2s}.primary-button:hover:not(:disabled){transform:translateY(-2px);background:#fff}.primary-button:disabled{opacity:.55;cursor:wait}.primary-button span{color:var(--red);font-size:18px}.auth-switch{margin-top:26px;text-align:center;color:#666;font-size:12px}.auth-switch button{padding:0;border:0;background:transparent;color:#ddd;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.form-message{padding:11px 13px;margin:0;border-radius:8px;font-size:12px;line-height:1.4}.form-message.error{color:#ff9c9f;background:#e2252d1a;border:1px solid rgba(226,37,45,.18)}.form-message.success{color:#c7f5d1;background:#44b45e1a;border:1px solid rgba(68,180,94,.17)}.access-page{min-height:calc(100vh - 76px);padding:64px 24px 36px;display:flex;flex-direction:column;align-items:center;overflow:hidden}.access-heading{text-align:center;position:relative;z-index:2}.access-heading h1{margin:18px 0 6px;font-size:clamp(32px,4vw,48px);font-weight:300;letter-spacing:-.04em}.access-heading p{margin:0;color:#737378;font-size:14px}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid var(--line);border-radius:30px;color:#777;background:#ffffff06;text-transform:uppercase;letter-spacing:.14em;font-size:8px}.status-pill i{width:6px;height:6px;border-radius:50%;background:#666}.status-pill.online i{background:#48c86e;box-shadow:0 0 10px #48c86e}.status-pill.online{color:#a1bba8}.access-control{position:relative;width:min(56vh,430px);height:min(56vh,430px);min-width:310px;min-height:310px;margin:25px 0 5px;display:grid;place-items:center}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.055)}.orbit-one{inset:4%;box-shadow:0 0 80px #000c,inset 0 0 60px #ffffff03}.orbit-two{inset:16%;border-style:dashed;border-color:#ffffff14;animation:spin 35s linear infinite}.access-control:before{content:"";position:absolute;width:72%;height:72%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.035),transparent 66%);filter:blur(4px)}.door-button{position:relative;z-index:2;width:205px;height:205px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,#1d1d1e,#0b0b0c 65%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 28px 65px #000000bf,inset 0 2px 2px #ffffff14,inset 0 -15px 30px #00000059,0 0 0 8px #ffffff05;transition:transform .25s,border-color .25s,box-shadow .25s}.door-button:hover:not(:disabled){transform:scale(1.035);border-color:#e2252da6;box-shadow:0 28px 65px #000000bf,0 0 45px #e2252d1c,inset 0 2px 2px #ffffff1a}.door-button:active:not(:disabled){transform:scale(.98)}.door-button:disabled{cursor:not-allowed;opacity:.5}.door-icon{width:43px;height:43px;display:grid;place-items:center;margin-bottom:17px;border-radius:50%;color:var(--red-bright);background:#e2252d1a}.door-icon svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.door-button strong{letter-spacing:.16em;font-size:13px}.door-button small{margin-top:8px;color:#5f5f63;letter-spacing:.2em;font-size:7px}.access-control.active .orbit-one{border-color:#e2252d40;animation:pulse-ring 1.4s infinite}.access-helper{color:#747478;font-size:11px;letter-spacing:.04em}.access-helper span{display:inline-block;width:18px;height:1px;margin:0 9px 3px 0;background:var(--red)}.toast-message{max-width:420px;min-height:36px;margin:6px 0 0;padding:10px 15px;text-align:center;border:1px solid var(--line);border-radius:8px;color:#aaa;font-size:11px;background:var(--surface)}.security-caption{margin-top:auto;display:flex;align-items:center;gap:9px;color:#454549;font-size:7px;letter-spacing:.18em;line-height:1.6}.security-caption svg{width:14px}.security-caption b{color:#5f5f63;font-weight:500}.dashboard-page{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:58px 0 80px}.dashboard-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}.dashboard-title h1{margin:0 0 8px;font-size:clamp(34px,5vw,54px);font-weight:350;letter-spacing:-.045em}.dashboard-title>div>p:last-child{margin:0;color:var(--muted)}.stat-card{min-width:145px;padding:16px 20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 15px 35px #00000040}.stat-card strong{display:block;color:var(--red-bright);font-size:28px;font-weight:450}.stat-card span{color:#68686b;letter-spacing:.14em;font-size:8px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.8fr);gap:20px}.panel{border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#ffffff0d,#ffffff06);box-shadow:0 24px 60px #0000004d;overflow:hidden}.panel-title{min-height:92px;padding:23px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-title .kicker,.create-panel .kicker{margin-bottom:7px;color:var(--red-bright)}.panel-title h2,.create-panel h2{font-size:21px}.panel-title>span{padding:6px 9px;border:1px solid var(--line);border-radius:20px;color:#777;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.user-list{max-height:492px;overflow-y:auto}.user-row{min-height:76px;padding:13px 24px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,.06)}.user-row:last-child{border-bottom:0}.user-details{display:grid;gap:5px}.user-details strong{font-size:13px;font-weight:550}.user-details small{color:#68686d;font-size:10px}.access-label{color:#6c6c70;text-transform:uppercase;letter-spacing:.1em;font-size:8px}.access-label.enabled{color:#8ab796}.toggle{position:relative;width:38px;height:21px;padding:0;border:1px solid #38383b;border-radius:20px;background:#1b1b1c;cursor:pointer;transition:.2s}.toggle span{position:absolute;width:15px;height:15px;top:2px;left:3px;border-radius:50%;background:#727276;transition:.2s}.toggle.checked{border-color:#e2252d8c;background:#e2252d2e}.toggle.checked span{transform:translate(16px);background:var(--red-bright);box-shadow:0 0 9px #e2252d66}.toggle:disabled{opacity:.45;cursor:not-allowed}.create-panel{padding:25px}.create-panel .muted{margin:9px 0 24px}.check-line{display:flex;align-items:center;gap:9px;text-transform:none;letter-spacing:normal;font-size:11px;color:#888;cursor:pointer}.check-line input{width:15px;margin:0;accent-color:var(--red)}.audit-panel{margin-top:20px}.audit-row{min-height:66px;padding:12px 25px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;border-bottom:1px solid rgba(255,255,255,.055)}.audit-row:last-child{border-bottom:0}.audit-dot{width:7px;height:7px;border-radius:50%;background:#52bc70;box-shadow:0 0 8px #52bc7080}.audit-dot.failed{background:var(--red-bright);box-shadow:0 0 13px #ff3d43e6}.audit-row div{display:grid;gap:5px}.audit-row strong{font-size:12px;font-weight:550}.audit-row small{color:#777;font-size:10px}.audit-row time{color:#5d5d61;font-size:9px}.audit-row.forced-entry{border-color:#ff3d438c;background:#e2252d2e;animation:forced-entry-flash 1.15s ease-in-out infinite}.audit-row.forced-entry strong{color:#fff;font-weight:850;letter-spacing:.13em}.audit-row.forced-entry small{color:#ffd7d8}.audit-row.forced-entry time{color:#ffb5b7}.security-alert-label{width:fit-content;margin-top:2px;padding:3px 6px;border:1px solid rgba(255,255,255,.28);border-radius:4px;color:#fff;background:#0003;letter-spacing:.14em;font-size:7px;font-weight:800}.empty-state{padding:30px;color:#666}.dashboard-error{margin:-15px 0 20px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.55;transform:scale(.96)}}@keyframes pulse-ring{50%{box-shadow:0 0 45px #e2252d26,inset 0 0 45px #e2252d0d}}@keyframes forced-entry-flash{0%,to{background:#e2252d21;box-shadow:inset 4px 0 0 var(--red-bright),inset 0 0 #ff3d4300}50%{background:#e2252d6b;box-shadow:inset 4px 0 #fff,inset 0 0 35px #ff3d4340,0 0 20px #e2252d26}}@media(max-width:800px){.auth-layout{grid-template-columns:1fr}.auth-intro{min-height:290px;padding:30px}.auth-intro>div:nth-child(2){margin:45px 0 20px}.auth-intro h1{font-size:49px}.intro-copy,.system-note{display:none}.auth-panel{padding:48px 25px 60px}.topbar{grid-template-columns:1fr auto;padding:0 18px}.topbar nav{position:fixed;left:50%;bottom:14px;transform:translate(-50%);height:50px;padding:0 20px;background:#141414eb;border:1px solid var(--line);border-radius:28px;box-shadow:0 15px 35px #000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:20}.topbar nav button{border-bottom:0}.topbar nav button.active{color:var(--red-bright)}.username{display:none}.dashboard-page{width:min(100% - 28px,600px);padding-top:36px}.dashboard-title{align-items:flex-start}.stat-card{min-width:105px;padding:12px}.dashboard-grid{grid-template-columns:1fr}.user-row{padding:13px 15px;gap:10px}.access-label{display:none}.audit-row{padding:12px 16px}}@media(max-width:480px){.brand{font-size:10px;gap:9px}.topbar .logo-mark{width:27px;height:27px}.access-page{padding-top:45px}.access-control{min-width:290px;min-height:290px}.door-button{width:180px;height:180px}.dashboard-title{display:block}.stat-card{display:inline-block;margin-top:20px}.audit-row time{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}