@font-face{font-family:GateRoboto;src:url('/admin/assets/6c9b3c8671712d51.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:GateRoboto;src:url('/admin/assets/ef0f5f16e70531e2.woff') format('woff');font-weight:500;font-display:swap}
@font-face{font-family:GateRoboto;src:url('/admin/assets/e0fb1235853a3426.woff') format('woff');font-weight:700;font-display:swap}
:root{color-scheme:dark;--text:#e8e8e8;--muted:#888;--red:#bc2121;--focus:#db3535}
*{box-sizing:border-box}
body{margin:0;background:#0a0a0a;color:var(--text);font:400 13px/1.45 GateRoboto,Roboto,Arial,sans-serif}
button,input{font:inherit}button,summary{touch-action:manipulation}
.login-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(120% 80% at 50% -20%,rgba(40,12,12,.9),transparent 55%),radial-gradient(80% 60% at 100% 100%,rgba(30,24,8,.55),transparent 50%),linear-gradient(165deg,#0c0c0c,#080808 45%,#0a0a0a)}
.login-bg span{position:absolute;display:block}
.login-bg-orb{border-radius:50%;filter:blur(64px);opacity:.55}
.login-bg-orb--a{width:420px;height:420px;top:-12%;left:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(188,33,33,.55),transparent 70%)}
.login-bg-orb--b{width:320px;height:320px;right:-8%;bottom:8%;background:radial-gradient(circle,rgba(232,191,0,.22),transparent 70%)}
.login-bg-orb--c{width:280px;height:280px;left:-6%;bottom:18%;background:radial-gradient(circle,rgba(188,33,33,.28),transparent 70%)}
.login-bg-grid{inset:0;opacity:.55;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(70% 60% at 50% 40%,black 20%,transparent 75%)}
.login-bg-noise{inset:0;opacity:.04;background-image:radial-gradient(#aaa 0.5px,transparent .8px);background-size:3px 4px}
.login-page{position:relative;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:28px max(16px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
.login-shell{width:min(100%,400px)}
.login-brand{text-align:center;margin:0 0 22px;line-height:1}.login-brand-text{display:inline-block;font-size:32px;line-height:1.1;font-weight:700;letter-spacing:-.96px;color:#fff;background:linear-gradient(#fff 30%,#ffffffb8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.login-panel{background:linear-gradient(rgba(22,22,22,.55),rgba(14,14,14,.72));border:1px solid #ffffff0f;border-radius:12px;box-shadow:0 0 0 1px #ffffff0a,0 24px 64px #0009,0 8px 24px #0006;overflow:hidden}
.panel-head{position:relative;display:flex;align-items:center;height:40px;padding:0 16px;background:linear-gradient(rgba(24,24,24,.95),#101010);border-bottom:2px solid #b31f1f;box-shadow:0 1px #ffffff0a inset}
.panel-head:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,#db3535 20%,#e8bf00 50%,#db3535 80%,transparent)}
.panel-title h1{margin:0;color:rgba(232,191,0,.88);font-size:12px;line-height:1;font-weight:600;letter-spacing:.96px;text-transform:uppercase}
.login-content{background:rgba(17,17,17,.92);padding:22px 20px 18px}.form-group{margin:0 0 14px}.fg-title{display:block;margin:0 0 7px;color:#ffffff7a;font-size:11px;line-height:1.3;font-weight:600;letter-spacing:.55px;text-transform:uppercase}
.login-input{position:relative}.login-input-icon,.login-pass-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.login-input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#ffffff59;pointer-events:none}
.login-input:focus-within .login-input-icon{color:var(--focus)}
.form-control{display:block;width:100%;height:44px;padding:8px 12px 8px 40px;border:1px solid #ffffff14;border-radius:8px;background:rgba(6,6,6,.98);color:white;font-size:14px;line-height:1.4;outline:none;box-shadow:0 1px #ffffff08 inset}
.form-control::placeholder{color:#ffffff52}.form-control:focus{border-color:rgba(188,33,33,.55);box-shadow:0 0 0 3px rgba(188,33,33,.12),0 0 20px rgba(188,33,33,.08),0 1px #ffffff08 inset}.has-toggle input{padding-right:44px}
.login-pass-toggle{position:absolute;right:5px;top:5px;display:grid;place-items:center;height:34px;width:34px;padding:0;border:0;background:none;color:#ffffff59;cursor:pointer;border-radius:6px}.login-pass-toggle:hover{color:#eee}
.login-pass-toggle svg{width:16px;height:16px}.eye-slash,[hidden]{display:none!important}.login-pass-toggle[aria-pressed=true] .eye-slash{display:block!important}
.form-group-submit{margin:0}.btn-danger{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;padding:10px 16px;border:1px solid #a61d1d;border-radius:8px;background:linear-gradient(#db3535,#bc2121 48%,#a21c1c);color:white;font-weight:700;font-size:14px;letter-spacing:.28px;cursor:pointer;box-shadow:0 1px #ffffff1f inset,0 8px 22px #bc212147}.btn-danger:hover{filter:brightness(1.09)}.btn-danger:disabled{cursor:wait;opacity:.8}.btn-danger.is-loading::before{content:"";width:13px;height:13px;border:2px solid #ffffff60;border-top-color:white;border-radius:50%;animation:turn .8s linear infinite}
.login-desc{border-top:1px solid #ffffff0d;margin:16px 0 0;padding-top:2px}.login-desc summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:12px 0 8px;color:#ffffff80;font-size:12px;font-weight:600;letter-spacing:.24px;line-height:1.55;list-style:none}.login-desc summary::-webkit-details-marker{display:none}.login-desc summary:after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-right:1px}.login-desc[open] summary:after{transform:rotate(225deg)}
.login-desc-body{padding:2px 0 6px;color:#929292;font-size:11px;line-height:1.55}.login-desc-body p{margin:0}.login-desc-body ol{padding-left:0;list-style-position:inside;margin:12px 0 0}.code-hint{color:#aaa;font-size:13px;margin:0 0 16px}
.alert{padding:10px 12px;margin:0 0 15px;border-radius:7px;font-size:14px;overflow-wrap:anywhere}.alert-danger{background:#361e25;border:1px solid #85474e;color:#ffc5cf}.alert-info{background:#272730;border:1px solid #555564;color:#eeeaf7}
.login-options{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px}.login-options button,.login-options a{display:inline-flex;align-items:center;min-height:40px;background:none;border:0;padding:0;color:#d6cfd4;font-size:13px;text-decoration:underline;cursor:pointer}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.form-control:focus-visible{outline:none}
@keyframes turn{to{transform:rotate(1turn)}}@media(max-width:440px){.form-control{font-size:16px}.login-content{padding:20px 16px 16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
