.login-cockpit{--bg-deep:#eef2f7;--bg-base:#f5f7fa;--bg-elevated:#fff;--glass:#ffffffbd;--border-soft:#0ea5c938;--border-strong:#0ea5c980;--accent:#0ea5c9;--accent-strong:#054d84;--accent-soft:#0ea5c91a;--accent-glow:#0ea5c94d;--lc-text:#0d1b2a;--lc-text-muted:#51637a;--lc-text-dim:#8595a8;--field-bg:#fff;--field-bg-strong:#fff;--scrim:#ffffffb3;--brand-grad:linear-gradient(180deg, #ffffff80, #e2eaf4d9);--ease:cubic-bezier(.2, .8, .2, 1);--font-geist:"Geist";--font-saira:"Saira";--font-jetbrains:"JetBrains Mono";background:var(--bg-deep);min-height:100vh;color:var(--lc-text);font-family:var(--font-geist), system-ui, sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55;position:relative;overflow:hidden}.dark .login-cockpit{--bg-deep:#07111c;--bg-base:#0c1a2a;--bg-elevated:#102338;--glass:#0f1e3099;--border-soft:#15c6f12e;--border-strong:#15c6f173;--accent:#15c6f1;--accent-strong:#0ea5c9;--accent-soft:#15c6f11f;--accent-glow:#15c6f159;--lc-text:#e8f0fb;--lc-text-muted:#8aa2bc;--lc-text-dim:#5a728d;--field-bg:#07111c8c;--field-bg-strong:#07111cbf;--scrim:#07111c80;--brand-grad:linear-gradient(180deg, #0c1a2a66, #07111cb3)}.login-cockpit .ambient{z-index:0;pointer-events:none;position:absolute;inset:0}.login-cockpit .ambient:before{content:"";background-image:linear-gradient(#15c6f10d 1px,#0000 1px),linear-gradient(90deg,#15c6f10d 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 80% at 30% 30%,#000 0%,#0000 80%);mask-image:radial-gradient(90% 80% at 30% 30%,#000 0%,#0000 80%)}.login-cockpit .ambient:after{content:"";background:radial-gradient(50% 50% at 18% 8%,#15c6f12e,#0000 70%),radial-gradient(45% 55% at 95% 100%,#15c6f114,#0000 70%);position:absolute;inset:0}.login-cockpit .scan{z-index:1;pointer-events:none;opacity:.5;background:linear-gradient(90deg,#0000,#15c6f180,#0000);height:1px;animation:9s linear infinite lcScan;position:absolute;left:0;right:0;box-shadow:0 0 18px #15c6f199}@keyframes lcScan{0%{opacity:0;top:-2%}10%{opacity:.5}90%{opacity:.5}to{opacity:0;top:102%}}.login-cockpit .shell{z-index:2;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid;position:relative}.login-cockpit .brandside{border-right:1px solid var(--border-soft);background:radial-gradient(ellipse 80% 60% at 30% 110%, var(--accent-soft), transparent 65%), var(--brand-grad);flex-direction:column;justify-content:space-between;padding:clamp(36px,4vw,64px);display:flex;position:relative;overflow:hidden}.login-cockpit .brand-top{z-index:3;align-items:center;gap:14px;display:flex;position:relative}.login-cockpit .brand-top img{-o-object-fit:contain;object-fit:contain;width:56px;height:56px}.login-cockpit .brand-name{font-family:var(--font-saira), system-ui, sans-serif;letter-spacing:-.02em;font-size:20px;font-weight:700;line-height:1}.login-cockpit .brand-sub{font-family:var(--font-jetbrains), monospace;letter-spacing:.22em;color:var(--lc-text-dim);text-transform:uppercase;margin-top:5px;font-size:10px}.login-cockpit .brand-hero{z-index:3;max-width:460px;margin-top:auto;margin-bottom:clamp(20px,4vh,48px);position:relative}.login-cockpit .brand-eyebrow{font-family:var(--font-jetbrains), monospace;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;font-size:11px;font-weight:500;display:inline-flex}.login-cockpit .brand-eyebrow:before{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px 1px var(--accent);animation:lcPulseDot 2.4s var(--ease) infinite;border-radius:50%}@keyframes lcPulseDot{0%,to{opacity:1}50%{opacity:.35}}.login-cockpit .brand-hero h1{font-family:var(--font-saira), system-ui, sans-serif;letter-spacing:-.03em;margin:20px 0 0;font-size:clamp(34px,4vw,56px);font-weight:800;line-height:1.02}.login-cockpit .brand-hero h1 .dot{color:var(--accent)}.login-cockpit .brand-hero p{color:var(--lc-text-muted);max-width:380px;margin:18px 0 0;font-size:16px}.login-cockpit .brand-photo{-o-object-fit:contain;object-fit:contain;-o-object-position:bottom right;object-position:bottom right;z-index:1;filter:drop-shadow(0 20px 44px #00000059);pointer-events:none;width:auto;max-width:62%;height:58%;position:absolute;bottom:0;right:-2%;-webkit-mask-image:radial-gradient(132% 126% at 86% 94%,#000 40%,#0000 74%);mask-image:radial-gradient(132% 126% at 86% 94%,#000 40%,#0000 74%)}.login-cockpit .brandside:after{content:"";background:linear-gradient(to top, var(--bg-deep) 4%, transparent);z-index:2;pointer-events:none;height:56%;position:absolute;bottom:0;left:0;right:0}.login-cockpit .sys{z-index:3;font-family:var(--font-jetbrains), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--lc-text-dim);flex-wrap:wrap;gap:10px 26px;font-size:11px;display:flex;position:relative}.login-cockpit .sys span{align-items:center;gap:8px;display:inline-flex}.login-cockpit .sys span:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%}.login-cockpit .formside{justify-content:center;align-items:center;padding:clamp(28px,4vw,56px);display:flex;overflow-y:auto}.login-cockpit .card{background:var(--glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-soft);border-radius:24px;width:100%;max-width:408px;padding:clamp(28px,3vw,40px);box-shadow:0 30px 80px -30px #000c}.login-cockpit .card-logo{align-items:center;gap:12px;margin-bottom:26px;display:none}.login-cockpit .card-logo img{-o-object-fit:contain;object-fit:contain;width:44px;height:44px}.login-cockpit .card h2{font-family:var(--font-saira), system-ui, sans-serif;letter-spacing:-.02em;margin:0;font-size:28px;font-weight:700}.login-cockpit .card-lead{color:var(--lc-text-muted);margin:8px 0 0;font-size:14.5px}.login-cockpit form{margin-top:28px}.login-cockpit .field{margin-bottom:16px}.login-cockpit .field label{font-family:var(--font-jetbrains), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--lc-text-dim);margin-bottom:8px;font-size:10.5px;display:block}.login-cockpit .input-wrap{align-items:center;display:flex;position:relative}.login-cockpit .input-wrap svg.lead{width:17px;height:17px;color:var(--lc-text-dim);pointer-events:none;position:absolute;left:14px}.login-cockpit .input{background:var(--field-bg);border:1px solid var(--border-soft);width:100%;color:var(--lc-text);font-family:var(--font-geist), system-ui, sans-serif;transition:border-color .16s var(--ease), box-shadow .16s var(--ease), background .16s var(--ease);border-radius:12px;outline:none;padding:13px 14px 13px 42px;font-size:15px}.login-cockpit .input::placeholder{color:var(--lc-text-dim)}.login-cockpit .input:focus{border-color:var(--border-strong);background:var(--field-bg-strong);box-shadow:0 0 0 4px var(--accent-soft)}.login-cockpit .toggle-pw{width:34px;height:34px;color:var(--lc-text-dim);cursor:pointer;transition:color .16s var(--ease), background .16s var(--ease);background:0 0;border:none;border-radius:8px;place-items:center;display:grid;position:absolute;right:8px}.login-cockpit .toggle-pw:hover{color:var(--accent);background:var(--accent-soft)}.login-cockpit .toggle-pw svg{width:18px;height:18px}.login-cockpit .row-between{justify-content:space-between;align-items:center;margin:4px 0 22px;font-size:13.5px;display:flex}.login-cockpit .remember{color:var(--lc-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;display:inline-flex}.login-cockpit .remember input{opacity:0;pointer-events:none;position:absolute}.login-cockpit .checkbox{border:1px solid var(--border-strong);background:var(--field-bg);width:18px;height:18px;transition:background .16s var(--ease), border-color .16s var(--ease);border-radius:6px;place-items:center;display:grid}.login-cockpit .checkbox svg{color:#042230;opacity:0;width:12px;height:12px;transition:opacity .12s}.login-cockpit .remember input:checked+.checkbox{background:var(--accent);border-color:var(--accent)}.login-cockpit .remember input:checked+.checkbox svg{opacity:1}.login-cockpit .link{color:var(--lc-text-muted);transition:color .16s var(--ease);text-decoration:none}.login-cockpit .link:hover{color:var(--accent)}.login-cockpit .alert-error{color:#ef6b6b;background:#ef44441a;border:1px solid #ef444473;border-radius:11px;margin:-6px 0 18px;padding:11px 13px;font-size:13.5px}.login-cockpit .btn-submit{width:100%;font-family:var(--font-geist), system-ui, sans-serif;background:var(--accent);color:#042230;cursor:pointer;box-shadow:0 8px 30px -10px var(--accent-glow);transition:transform .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:15px 22px;font-size:16px;font-weight:600;display:inline-flex}.login-cockpit .btn-submit:hover:not(:disabled){box-shadow:0 16px 44px -12px var(--accent-glow), 0 0 0 4px var(--accent-soft);background:#2ad2f8;transform:translateY(-2px)}.login-cockpit .btn-submit:active:not(:disabled){transform:translateY(0)}.login-cockpit .btn-submit:disabled{opacity:.65;cursor:default}.login-cockpit .btn-submit svg{width:19px;height:19px}.login-cockpit .divider{font-family:var(--font-jetbrains), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--lc-text-dim);align-items:center;gap:14px;margin:26px 0 18px;font-size:10.5px;display:flex}.login-cockpit .divider:before,.login-cockpit .divider:after{content:"";background:var(--border-soft);flex:1;height:1px}.login-cockpit .roles{flex-direction:column;gap:8px;display:flex}.login-cockpit .role-btn{text-align:left;border:1px solid var(--border-soft);background:var(--field-bg);width:100%;color:var(--lc-text);cursor:pointer;transition:border-color .16s var(--ease), background .16s var(--ease), transform .16s var(--ease);border-radius:12px;align-items:center;gap:12px;padding:11px 13px;display:flex}.login-cockpit .role-btn:hover{border-color:var(--border-strong);background:var(--accent-soft);transform:translate(2px)}.login-cockpit .role-ava{width:34px;height:34px;font-family:var(--font-saira), system-ui, sans-serif;color:#fff;background:linear-gradient(135deg,#1b98e1,#054d84);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.login-cockpit .role-meta{flex:1;min-width:0}.login-cockpit .role-name{font-size:14px;font-weight:600;line-height:1.15}.login-cockpit .role-role{color:var(--lc-text-muted);margin-top:1px;font-size:11.5px}.login-cockpit .role-arrow{color:var(--lc-text-dim);place-items:center;display:grid}.login-cockpit .role-arrow svg{width:16px;height:16px}.login-cockpit .role-btn:hover .role-arrow{color:var(--accent)}.login-cockpit .card-foot{text-align:center;color:var(--lc-text-muted);margin-top:24px;font-size:13px}.login-cockpit .card-foot a{color:var(--accent);font-weight:500;text-decoration:none}.login-cockpit .card-foot a:hover{text-decoration:underline}.login-cockpit .back-link{font-family:var(--font-jetbrains), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--lc-text-dim);border:1px solid var(--border-soft);background:var(--scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .16s var(--ease), border-color .16s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:8px 15px;font-size:11px;text-decoration:none;display:inline-flex}.login-cockpit .back-link:hover{color:var(--accent);border-color:var(--border-strong)}.login-cockpit .back-link svg{width:15px;height:15px}.login-cockpit .top-controls{z-index:5;align-items:center;gap:10px;display:flex;position:absolute;top:24px;right:28px}.login-cockpit .theme-toggle{border:1px solid var(--border-soft);background:var(--scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:38px;height:38px;color:var(--lc-text-muted);cursor:pointer;transition:color .16s var(--ease), border-color .16s var(--ease), background .16s var(--ease);border-radius:999px;place-items:center;display:grid}.login-cockpit .theme-toggle:hover{color:var(--accent);border-color:var(--border-strong)}.login-cockpit .theme-toggle svg{width:17px;height:17px}@media (prefers-reduced-motion:no-preference){.login-cockpit .card,.login-cockpit .brand-hero,.login-cockpit .brand-top,.login-cockpit .sys{animation:lcRise .7s var(--ease) both}.login-cockpit .brand-top{animation-delay:40ms}.login-cockpit .brand-hero{animation-delay:.12s}.login-cockpit .sys{animation-delay:.2s}.login-cockpit .card{animation-delay:.16s}}@keyframes lcRise{0%{transform:translateY(16px)}to{transform:none}}@media (max-width:920px){.login-cockpit .shell{grid-template-columns:1fr}.login-cockpit .brandside{display:none}.login-cockpit .formside{min-height:100vh}.login-cockpit .card-logo{display:flex}.login-cockpit .scan{display:none}}@media (prefers-reduced-motion:reduce){.login-cockpit .card,.login-cockpit .brand-hero,.login-cockpit .brand-top,.login-cockpit .sys,.login-cockpit .scan,.login-cockpit .brand-eyebrow:before{animation:none}}