:root{--bg:#050811;--bg2:#080d19;--panel:#0d1525;--panel2:#111c30;--text:#f5f8ff;--muted:#8d9ab3;--line:#ffffff16;--cyan:#4ee8d2;--blue:#5b8cff;--violet:#9d70ff;--green:#55e39f;--yellow:#ffc45d;--red:#ff647e;--shadow:0 32px 90px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{background-color:#0000;background-image:radial-gradient(circle at 12% -8%,#5b8cff33,#0000 34%),radial-gradient(circle at 88% 4%,#4ee8d21f,#0000 30%),linear-gradient(#07101d 0,#050811 50%,#04060c 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-stage{grid-template-columns:minmax(0,1.14fr) minmax(440px,.86fr);gap:22px;min-height:100vh;padding:22px;display:grid;position:relative;overflow:hidden}.login-stage:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.login-showcase,.login-panel{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:30px;position:relative;overflow:hidden}.login-showcase{background:radial-gradient(circle at 22% 20%,#5b8cff59,#0000 30%),radial-gradient(circle at 76% 68%,#4ee8d22e,#0000 28%),linear-gradient(145deg,#13294c 0,#0a162a 45%,#07101c 100%);flex-direction:column;justify-content:space-between;min-height:calc(100vh - 44px);padding:clamp(30px,5vw,78px);display:flex}.login-showcase:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:440px;height:440px;position:absolute;top:-150px;right:-180px;box-shadow:0 0 0 60px #ffffff05,0 0 0 120px #ffffff03}.login-brand{z-index:2;align-items:center;gap:14px;display:flex;position:relative}.logo-orb{background:linear-gradient(135deg,var(--cyan),var(--blue) 58%,var(--violet));color:#06101c;border-radius:17px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 18px 50px #5b8cff45}.login-brand strong{letter-spacing:.025em;font-size:18px}.login-brand span{color:#9db0cd;letter-spacing:.16em;text-transform:uppercase;margin-top:4px;font-size:11px;display:block}.hero-copy{z-index:2;max-width:760px;position:relative}.hero-chip{color:#aaf6e9;letter-spacing:.08em;text-transform:uppercase;background:#4ee8d212;border:1px solid #4ee8d23d;border-radius:999px;align-items:center;gap:9px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.hero-copy h1{letter-spacing:-.072em;max-width:950px;margin:24px 0;font-size:clamp(50px,7vw,104px);line-height:.88}.hero-copy h1 span{background:linear-gradient(100deg,#fff 0,#b9d1ff 38%,#77f0dd 76%);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.hero-copy p{color:#aebdd2;max-width:660px;margin:0;font-size:clamp(17px,1.7vw,22px);line-height:1.65}.feature-row{z-index:2;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:46px;display:grid;position:relative}.feature-pill{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#040a1457;border:1px solid #ffffff18;border-radius:18px;padding:17px}.feature-pill svg{color:var(--cyan);margin-bottom:13px}.feature-pill strong{font-size:14px;display:block}.feature-pill span{color:#8092ad;margin-top:5px;font-size:12px;line-height:1.45;display:block}.login-panel{background:linear-gradient(#0d1525f5,#070c17fa);place-items:center;min-height:calc(100vh - 44px);padding:clamp(28px,5vw,74px);display:grid}.login-box{width:min(470px,100%)}.login-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px;font-size:11px;font-weight:900}.login-box h2{letter-spacing:-.055em;margin:0 0 13px;font-size:clamp(34px,4vw,52px);line-height:1}.login-subtitle{color:var(--muted);margin:0 0 34px;line-height:1.65}.login-form{gap:17px;display:grid}.field{gap:8px;display:grid}.field-label{color:#acb9cc;font-size:12px;font-weight:750}.input-shell{border:1px solid var(--line);background:#030811b8;border-radius:15px;align-items:center;gap:11px;padding:0 14px;transition:all .18s;display:flex}.input-shell:focus-within{border-color:#4ee8d29e;box-shadow:0 0 0 4px #4ee8d212,0 15px 35px #00000038}.input-shell svg{color:#667895;flex:none}.input-shell input{width:100%;height:54px;color:var(--text);background:0 0;border:0;outline:0;font-size:15px}.input-shell input::placeholder{color:#4f5f77}.reveal{color:#71829d;background:0 0;border:0;place-items:center;padding:7px;display:grid}.login-submit{color:#06111c;background:linear-gradient(120deg,var(--cyan),#6db7ff 60%,#a886ff);border:0;border-radius:15px;justify-content:center;align-items:center;gap:10px;height:56px;margin-top:4px;font-weight:900;transition:all .18s;display:flex;box-shadow:0 18px 45px #4ee8d229}.login-submit:hover{filter:brightness(1.05);transform:translateY(-2px)}.login-submit:disabled{opacity:.56;cursor:not-allowed;transform:none}.login-error{color:#ffadba;background:#ff647e17;border:1px solid #ff647e40;border-radius:13px;padding:13px 14px;font-size:13px;line-height:1.5}.login-foot{border-top:1px solid var(--line);color:#63738d;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-top:22px;font-size:11px;display:flex}.secure-state{align-items:center;gap:7px;display:flex}.secure-dot{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 6px #55e39f14}.shell{grid-template-columns:286px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);z-index:20;background:#050911d1;flex-direction:column;gap:18px;height:100vh;padding:20px 15px;display:flex;position:sticky;top:0}.brand{letter-spacing:.025em;align-items:center;gap:12px;padding:9px 10px 18px;font-weight:950;display:flex}.brand-mark{background:linear-gradient(135deg,var(--cyan),var(--blue) 58%,var(--violet));color:#06111c;border-radius:14px;place-items:center;width:43px;height:43px;font-weight:1000;display:grid;box-shadow:0 14px 34px #5b8cff33}.brand-copy small{color:#61738e;letter-spacing:.17em;margin-top:3px;font-size:9px;display:block}.nav-section{text-transform:uppercase;letter-spacing:.19em;color:#53627a;padding:5px 12px 0;font-size:9px;font-weight:900}.nav{gap:5px;display:grid}.nav a,.nav button{color:#8999b2;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;width:100%;padding:11px 12px;font-size:13px;font-weight:720;transition:all .17s;display:flex}.nav a:hover,.nav button:hover{color:#fff;background:#ffffff0e;transform:translate(2px)}.sidebar-footer{border:1px solid var(--line);color:var(--muted);background:#ffffff06;border-radius:16px;margin-top:auto;padding:14px;font-size:12px}.sidebar-footer strong{color:#fff;margin-bottom:3px;display:block}.main{min-width:0;padding:28px}.container{width:min(1520px,100%);margin:auto}.top-strip{border:1px solid var(--line);background:#ffffff06;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;padding:10px 14px;display:flex}.live-dot{background:var(--green);border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block;box-shadow:0 0 0 6px #55e39f13}.page-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.page-head h1{letter-spacing:-.055em;margin:0 0 9px;font-size:clamp(30px,4vw,48px);line-height:1}.page-head p{color:var(--muted);max-width:760px;margin:0;line-height:1.6}.eyebrow{color:var(--cyan);letter-spacing:.18em;text-transform:uppercase;margin-bottom:9px;font-size:10px;font-weight:900}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.card{border:1px solid var(--line);background:linear-gradient(#111c30e6,#09101ded);border-radius:20px;padding:20px;position:relative;overflow:hidden;box-shadow:0 26px 75px #0000003b}.card:before{content:"";background:linear-gradient(90deg,#0000,#4ee8d261,#0000);height:1px;position:absolute;inset:0 0 auto}.card h2,.card h3{margin-top:0}.muted{color:var(--muted)}.small{font-size:12px}.kpi{letter-spacing:-.055em;margin-top:12px;font-size:34px;font-weight:950}.kpi-label{color:var(--muted);font-size:12px}.progress{background:#fff1;border-radius:999px;height:9px;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet));height:100%;display:block}.button{background:linear-gradient(120deg,var(--cyan),var(--blue));color:#06111c;border:0;border-radius:12px;padding:11px 15px;font-weight:850;transition:all .16s}.button:hover{filter:brightness(1.06);transform:translateY(-1px)}.button.secondary{border:1px solid var(--line);color:#fff;background:#ffffff0f}.button.danger{color:#fff;background:linear-gradient(120deg,#ff778c,#dc4664)}.button.warning{color:#2b1a00;background:linear-gradient(120deg,#ffd16d,#f0a838)}.actions{flex-wrap:wrap;gap:9px;display:flex}.form{gap:14px;display:grid}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}label{color:#aebbd0;gap:7px;font-size:12px;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--line);color:#fff;background:#02070fb3;border-radius:12px;outline:none;width:100%;padding:12px 13px}input:focus,select:focus,textarea:focus{border-color:#4ee8d299;box-shadow:0 0 0 4px #4ee8d212}.table-wrap{border:1px solid var(--line);border-radius:16px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:840px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:13px 14px;font-size:12px}th{text-transform:uppercase;letter-spacing:.1em;color:#6f819d;background:#ffffff06;font-size:9px}tbody tr:hover{background:#ffffff06}.badge{color:#aebbd0;background:#ffffff12;border-radius:999px;align-items:center;padding:6px 9px;font-size:10px;font-weight:850;display:inline-flex}.badge.success{color:var(--green);background:#55e39f1c}.badge.warning{color:var(--yellow);background:#ffc45d1c}.badge.danger{color:#ff8da0;background:#ff647e1c}.error{color:#ffadba;background:#ff647e17;border:1px solid #ff647e40;border-radius:12px;padding:12px}@media (max-width:1120px){.login-stage{grid-template-columns:1fr}.login-showcase{min-height:620px}.login-panel{min-height:auto}.grid-5{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.login-stage{padding:10px}.login-showcase,.login-panel{border-radius:22px}.login-showcase{min-height:570px;padding:30px}.feature-row{grid-template-columns:1fr}.shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:static}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:18px 12px}.grid-2,.grid-3,.grid-4,.grid-5,.form-row{grid-template-columns:1fr}.page-head{display:grid}.hero-copy h1{font-size:52px}}