@font-face{font-family:Gunce;src:local("Inter"),local("Segoe UI");font-display:swap}
:root{color-scheme:dark;--bg:#0c0f15;--surface:#141821;--surface-2:#191e29;--line:#272d3a;--ink:#f5f7fb;--muted:#8d97aa;--red:#ef5263;--red-2:#c9364a;--green:#4ed6a5;--amber:#f2b766;--blue:#6d9cf5}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--ink);font:14px/1.5 Gunce,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 12% 8%,#ef52630d,transparent 26%),radial-gradient(circle at 92% 80%,#6d9cf50b,transparent 28%),var(--bg);overflow-x:hidden}button,input,textarea{font:inherit}button,a{outline-offset:3px}button{cursor:pointer}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.16;pointer-events:none}.ambient-one{width:420px;height:420px;background:#e74358;left:-260px;top:12%}.ambient-two{width:480px;height:480px;background:#304e86;right:-320px;bottom:-180px}.security-shell{width:min(1240px,calc(100% - 44px));margin:auto;position:relative;z-index:1}.security-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0b}.security-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:23px;font-weight:650;letter-spacing:-.6px}.security-brand img{filter:drop-shadow(0 7px 15px #ef52632c)}.security-brand b{color:var(--red)}.security-header-actions{display:flex;gap:10px;align-items:center}.header-clock{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px;margin-right:8px}.ghost-link,.ghost-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:8px 14px;border:1px solid var(--line);border-radius:9px;color:#c7cedb;background:#ffffff04;text-decoration:none}.ghost-button:hover,.ghost-link:hover,.secondary-button:hover{border-color:#414a5c;background:#ffffff07}.control-login{min-height:calc(100vh - 89px);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:80px;padding:70px 5vw}.login-visual h1,.dashboard-heading h1{margin:15px 0 14px;font-size:clamp(38px,5vw,67px);line-height:1.04;letter-spacing:-2.8px}.login-visual p{max-width:540px;font-size:16px;color:var(--muted)}.security-kicker{font-size:10px;letter-spacing:.18em;font-weight:700;color:#99a4b8}.radar{width:96px;height:96px;border:1px solid #ef52633b;border-radius:50%;position:relative;margin-bottom:34px;background:radial-gradient(circle,#ef526317,transparent 64%);box-shadow:0 0 0 16px #ef526305,0 0 0 32px #ef526303}.radar i{position:absolute;inset:16px;border:1px solid #ef52632b;border-radius:50%}.radar i:nth-child(2){inset:31px}.radar i:nth-child(3){left:50%;top:4px;bottom:4px;width:1px;border:0;background:#ef52631f;border-radius:0}.radar span{position:absolute;left:50%;top:50%;width:46%;height:1px;background:linear-gradient(90deg,var(--red),transparent);transform-origin:left;animation:radar 2.8s linear infinite}.radar span:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--red);right:8px;top:-3px;box-shadow:0 0 15px var(--red)}.visual-status{display:inline-flex;align-items:center;gap:9px;margin-top:28px;color:#bdc6d5;font-size:12px;padding:8px 12px;border:1px solid #ffffff0d;background:#ffffff03;border-radius:99px}.visual-status span,.mode-badge i,.safe-note i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:pulse 1.8s ease-in-out infinite}.login-card{width:min(440px,100%);justify-self:end;background:linear-gradient(145deg,#191e29,#121620);border:1px solid var(--line);border-radius:22px;padding:42px;box-shadow:0 30px 90px #0007}.login-card .card-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:25px;border-radius:13px;background:#ef526315;border:1px solid #ef52632b;color:#ff8190;font-size:26px}.login-card h2{font-size:28px;margin:10px 0 8px;letter-spacing:-.7px}.login-card>p{color:var(--muted);margin:0 0 30px}.login-card label,.lock-form-wrap label{display:grid;gap:9px;color:#c7cedb;font-size:12px}.password-field{display:flex;border:1px solid var(--line);border-radius:10px;background:#0d1118;overflow:hidden}.password-field:focus-within{border-color:#c84859;box-shadow:0 0 0 3px #ef526313}.password-field input{border:0!important;box-shadow:none!important}.password-field button{border:0;background:transparent;color:#9aa5b7;padding:0 13px;font-size:11px}.login-card input,.lock-form-wrap input,.lock-form-wrap textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#0d1118;color:#fff;outline:0}.lock-form-wrap textarea{resize:vertical}.login-card input:focus,.lock-form-wrap input:focus,.lock-form-wrap textarea:focus{border-color:#c84859;box-shadow:0 0 0 3px #ef526313}.login-card small{display:block;color:#6f798b;text-align:center;margin-top:20px}.primary-button,.danger-button,.danger-outline-button{min-height:46px;border:0;border-radius:10px;padding:11px 17px;font-weight:650;color:white;background:linear-gradient(120deg,var(--red),var(--red-2));box-shadow:0 8px 24px #e5425520}.primary-button{display:flex;align-items:center;justify-content:center;gap:10px}.primary-button:hover,.danger-button:hover{filter:brightness(1.08)}.full{width:100%;margin-top:5px}.error{min-height:20px;color:#ff8693;font-size:12px}.control-dashboard{padding:55px 0 75px}.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}.dashboard-heading h1{font-size:42px;letter-spacing:-1.6px;margin:10px 0 6px}.dashboard-heading p{margin:0;color:var(--muted)}.mode-badge{display:flex;align-items:center;gap:10px;min-height:42px;padding:9px 15px;border:1px solid #3b4d46;border-radius:99px;background:#18332866;color:#a9e7cf;font-size:12px}.mode-badge.locked{background:#3a2b1766;border-color:#69502f;color:#f4ca88}.mode-badge.emergency{background:#3d172066;border-color:#783342;color:#ff98a4}.mode-badge.locked i{background:var(--amber);box-shadow:0 0 12px var(--amber)}.mode-badge.emergency i{background:var(--red);box-shadow:0 0 12px var(--red)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:13px}.metric{min-width:0;padding:20px 21px;border:1px solid var(--line);background:linear-gradient(145deg,#171c26,#12161e);border-radius:15px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;height:2px;left:21px;right:60%;bottom:0;background:var(--red);opacity:.65}.metric-label{display:block;color:#747f91;letter-spacing:.12em;font-size:9px;font-weight:700}.metric strong{display:block;margin:11px 0 3px;font-size:24px;letter-spacing:-.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric small{color:var(--muted);font-size:11px}.dashboard-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:13px}.panel{border:1px solid var(--line);border-radius:17px;padding:25px;background:linear-gradient(150deg,#171c26,#11151d);min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:13px}.panel-head h2{font-size:20px;letter-spacing:-.4px;margin:6px 0 0}.panel-icon{display:grid;place-items:center;width:39px;height:39px;border:1px solid #ffffff0d;border-radius:10px;background:#ffffff04;color:#9ba6b7;font-size:20px}.panel-copy{color:var(--muted);font-size:12px;margin:0 0 20px;max-width:620px}.mode-options{display:grid;gap:9px}.mode-option{width:100%;display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:11px;background:#0e1219;color:var(--ink);text-align:left}.mode-option:hover,.mode-option.active{border-color:#485165;background:#171c26}.mode-option i{width:8px;height:8px;border-radius:50%;background:var(--green)}.mode-option.locked i{background:var(--amber)}.mode-option.emergency i{background:var(--red)}.mode-option span{display:grid;gap:2px}.mode-option strong{font-size:13px}.mode-option small{font-size:10px;color:var(--muted)}.mode-option em{font-style:normal;color:#697487}.mode-option.emergency:hover,.mode-option.emergency.active{border-color:#7b3341;background:#2d151b}.lock-form-wrap{margin-top:14px;padding:17px;border:1px solid #5f2f39;border-radius:12px;background:#25141a}.lock-form-wrap label+label{margin-top:13px}.lock-form-wrap label>span{color:#8c95a5;font-size:10px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.danger-button,.secondary-button{min-height:40px}.terminal-panel{background:linear-gradient(145deg,#111821,#0d1118)}.terminal-lights{display:flex;gap:5px}.terminal-lights i{width:7px;height:7px;border-radius:50%;background:#ef5263}.terminal-lights i:nth-child(2){background:#efb958}.terminal-lights i:nth-child(3){background:#51d6a6}.terminal-screen{height:228px;overflow:hidden;position:relative;padding:18px;border:1px solid #223044;border-radius:12px;background:#080b10;color:#8fb7a8;font:11px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace}.terminal-scan{position:absolute;left:0;right:0;height:45px;top:-45px;background:linear-gradient(transparent,#5ce2ae0b,transparent);animation:scan 4s linear infinite;pointer-events:none}.terminal-line{display:grid;grid-template-columns:58px 10px 1fr;gap:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.terminal-line time{color:#4e6273}.terminal-line b{color:#50d5a4}.terminal-line.warn b{color:var(--amber)}.terminal-line.alert b{color:var(--red)}.terminal-current{display:flex;align-items:center;gap:7px;color:#bed6cc;margin-top:7px}.prompt{color:var(--green)}.cursor{width:6px;height:13px;background:#75d9b5;animation:blink .8s steps(1) infinite}.health-list{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;border-top:1px solid var(--line)}.health-list div{padding:14px 8px 0;display:grid;gap:4px}.health-list span{color:var(--muted);font-size:10px}.health-list strong{color:#a9dfca;font-size:11px}.danger-outline-button{width:100%;background:#ef52630b;color:#ff8290;border:1px solid #7a3340;box-shadow:none}.danger-outline-button:hover{background:#ef526318}.safe-note{display:flex;align-items:center;gap:8px;color:#7f899b;margin-top:13px}.safe-note i{width:6px;height:6px;animation:none}.security-history{display:grid;gap:0}.history-row{display:grid;grid-template-columns:9px 1fr auto;gap:11px;align-items:start;padding:11px 0;border-bottom:1px solid #ffffff08}.history-row:last-child{border-bottom:0}.history-row i{width:7px;height:7px;border-radius:50%;background:#607086;margin-top:6px}.history-row strong{display:block;font-size:12px}.history-row small,.history-row time{color:var(--muted);font-size:10px}.history-row time{text-align:right}.icon-refresh{width:36px;height:36px;border:1px solid var(--line);background:#ffffff03;border-radius:9px;color:#a8b1c0;font-size:18px}.icon-refresh.loading{animation:spin .7s linear infinite}.control-toast{position:fixed;z-index:20;right:24px;bottom:24px;max-width:360px;padding:13px 16px;border:1px solid #36584b;background:#183329;color:#b8eed8;border-radius:11px;box-shadow:0 16px 50px #0008}.control-toast.error{border-color:#73323e;background:#35171e;color:#ffadb6}dialog{width:min(430px,calc(100% - 30px));border:1px solid #343c4b;border-radius:17px;background:#151a23;color:var(--ink);padding:29px;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#05070bc7;backdrop-filter:blur(5px)}dialog h2{margin:8px 0;font-size:23px}dialog p{color:var(--muted)}.confirm-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;margin-bottom:18px;background:#ef526315;border:1px solid #6d303a;color:#ff7786;font-weight:800}.confirm-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.control-dashboard[hidden],.control-login[hidden],[hidden]{display:none!important}
@keyframes radar{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}@keyframes blink{50%{opacity:0}}@keyframes scan{to{top:100%}}@keyframes spin{to{transform:rotate(360deg)}}
.setup-fields{display:grid;gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.panel-password-form{display:grid;gap:13px}.panel-password-form label{display:grid;gap:9px;color:#c7cedb;font-size:12px}.panel-password-form input{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#0d1118;color:#fff;outline:0}.panel-password-form input:focus{border-color:#c84859;box-shadow:0 0 0 3px #ef526313}.password-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel-password-form .error{margin:0}.panel-password-form .primary-button{justify-self:start}
@media(max-width:900px){.control-login{grid-template-columns:1fr;padding:55px 0;gap:45px}.login-card{justify-self:start}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.login-visual h1{font-size:48px}.security-shell{width:min(100% - 30px,760px)}}
@media(max-width:560px){.security-shell{width:calc(100% - 24px)}.security-header{height:72px}.security-header-actions .header-clock{display:none}.ghost-link,.ghost-button{padding:7px 10px;font-size:11px}.security-brand span{font-size:20px}.control-login{padding:36px 0}.login-visual{padding:12px 5px}.login-visual h1{font-size:37px;letter-spacing:-1.6px}.radar{width:70px;height:70px;margin-bottom:28px}.login-card{padding:28px 22px;border-radius:17px}.login-card h2{font-size:24px}.control-dashboard{padding-top:36px}.dashboard-heading{display:block}.dashboard-heading h1{font-size:34px}.mode-badge{margin-top:18px;width:max-content}.metric-grid{gap:8px}.metric{padding:16px 14px}.metric strong{font-size:19px}.panel{padding:20px 16px}.health-list{grid-template-columns:1fr}.health-list div{grid-template-columns:1fr auto}.terminal-screen{height:215px;padding:14px}.terminal-line{grid-template-columns:49px 8px 1fr;font-size:10px}.history-row{grid-template-columns:8px 1fr}.history-row time{grid-column:2;text-align:left}.form-actions{display:grid;grid-template-columns:1fr 1fr}.control-toast{left:12px;right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}
@media(max-width:560px){.password-row{grid-template-columns:1fr}.panel-password-form .primary-button{width:100%}}