.login-page{--login-navy:#0f2f66;--login-blue:#1769e8;--login-blue-2:#2e83f5;--login-light-blue:#eaf4ff;--login-surface:rgba(255,255,255,0.96);--login-background:#f6faff;--login-text:#14213d;--login-muted:#64748b;--login-border:#d7e2f0;--login-danger:#c62828;--login-shadow:0 16px 48px rgba(16,57,112,0.14);min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;position:relative;color:var(--login-text);background:radial-gradient(circle at 25% 10%,rgba(80,160,255,.12),transparent 35%),linear-gradient(135deg,#eef7ff,#ffffff 48%,#f5f9ff);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.login-page:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(36,115,220,.04) 1px,transparent 0),linear-gradient(90deg,rgba(36,115,220,.04) 1px,transparent 0);background-size:48px 48px;mask-image:linear-gradient(180deg,transparent,#000 45%,transparent)}.login-page.dark{--login-surface:rgba(13,28,54,0.96);--login-background:#071426;--login-text:#eef5ff;--login-muted:#a8bad2;--login-border:#304865;background:linear-gradient(135deg,#071426,#0a213e)}.login-topbar{height:108px;padding:20px 34px;display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:5}.login-brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}.login-brand img{width:72px;height:72px;object-fit:contain}.login-brand span{display:grid}.login-brand strong{font-size:24px;color:var(--login-navy)}.login-page.dark .login-brand strong{color:#dcecff}.login-brand small{font-size:14px;color:var(--login-muted)}.login-theme-toggle{border:1px solid var(--login-border);background:rgba(255,255,255,.8);color:var(--login-text);border-radius:999px;padding:10px 16px;cursor:pointer;box-shadow:0 4px 16px rgba(20,50,100,.06);font-size:14px;font-weight:500}.login-page.dark .login-theme-toggle{background:#102744}.login-layout{min-height:calc(100dvh - 108px - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1.72fr) minmax(380px,.98fr);position:relative}.login-hero{min-width:0;display:flex;flex-direction:column;position:relative}.login-hero-copy{padding:34px 6vw 0;z-index:2}.login-title-row{display:flex;justify-content:center;align-items:center;gap:18px}.login-system-logo{width:185px;height:170px;object-fit:contain}.login-eyebrow{display:block;font-size:clamp(34px,3vw,58px);font-weight:700;color:var(--login-navy);line-height:.95}.login-page.dark .login-eyebrow{color:#dcecff}.login-hero h1{margin:6px 0 0;font-size:clamp(48px,5vw,82px);color:var(--login-blue);line-height:1;letter-spacing:-2px;font-weight:700}.login-subtitle{text-align:center;font-size:clamp(18px,1.55vw,27px);line-height:1.65;margin:18px 0 16px;color:var(--login-text)}.login-features{max-width:720px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.login-features article{text-align:center;font-size:16px;font-weight:500;color:var(--login-text)}.login-features img{width:76px;height:76px;object-fit:cover;object-position:center;border-radius:50%;box-shadow:0 8px 22px rgba(23,105,232,.12);display:block;margin:auto auto 6px}.login-landscape{margin-top:auto;height:48vh;min-height:390px;position:relative;overflow:hidden}.login-landscape:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--login-background) 0,transparent 20%);pointer-events:none}.login-landscape span,.login-landscape>img{width:100%;height:100%}.login-security-strip{position:absolute;z-index:2;left:9%;bottom:7%;max-width:610px;padding:13px 24px;border-radius:999px;color:white;background:linear-gradient(90deg,rgba(20,81,178,.94),rgba(48,130,238,.9));box-shadow:0 10px 28px rgba(18,74,164,.25);backdrop-filter:blur(6px);font-size:14px;display:flex;align-items:center;gap:8px}.login-panel{padding:0 34px 34px 10px;display:flex;align-items:flex-start;justify-content:center;z-index:4}.login-card{width:min(100%,570px);min-height:0;padding:38px 42px 28px;background:var(--login-surface);border:1px solid rgba(180,198,220,.75);border-radius:18px;box-shadow:var(--login-shadow);backdrop-filter:blur(18px)}.login-lock-mark{width:72px;height:72px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;color:var(--login-blue);background:var(--login-light-blue)}.login-page.dark .login-lock-mark{background:#102744}.login-card h2{margin:0;text-align:center;color:var(--login-navy);font-size:42px;font-weight:700}.login-page.dark .login-card h2{color:#dcecff}.login-card-subtitle{margin:6px 0 30px;text-align:center;color:var(--login-muted);font-size:18px}.login-field{margin-bottom:18px}.login-field label{display:block;font-weight:600;margin-bottom:8px;font-size:15px}.login-input-wrap{height:60px;display:flex;align-items:center;gap:11px;border:1px solid var(--login-border);border-radius:8px;padding:0 15px;background:white;transition:.2s ease}.login-page.dark .login-input-wrap{background:#102744}.login-input-wrap:focus-within{border-color:var(--login-blue);box-shadow:0 0 0 4px rgba(23,105,232,.12)}.login-input-wrap>svg{color:#75849b;flex-shrink:0}.login-input-wrap input{min-width:0;flex:1;border:0;outline:0;font-size:16px;color:var(--login-text);background:transparent}.login-password-toggle{border:0;background:transparent;color:#75849b;cursor:pointer;padding:4px;display:inline-flex}.login-form-row{display:flex;align-items:center;justify-content:space-between;margin:4px 0 22px;font-size:15px}.login-form-row a{color:var(--login-blue);text-decoration:none}.login-remember{display:flex;gap:9px;align-items:center;color:var(--login-muted);cursor:pointer}.login-remember input{width:20px;height:20px;accent-color:var(--login-blue)}.login-submit{width:100%;height:62px;border:0;border-radius:7px;color:white;background:linear-gradient(90deg,var(--login-blue),var(--login-blue-2));font-size:20px;font-weight:600;cursor:pointer;box-shadow:0 10px 20px rgba(23,105,232,.24);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.15s ease}.login-submit:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-error{border-radius:8px;background:#fee2e2;color:var(--login-danger);padding:10px 12px;font-size:14px;margin-bottom:14px}.login-divider{display:flex;align-items:center;gap:14px;color:var(--login-muted);margin:28px 0 22px;font-size:14px}.login-divider:after,.login-divider:before{content:"";height:1px;background:var(--login-border);flex:1}.login-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.login-social-button{height:58px;border:1px solid var(--login-border);background:white;border-radius:8px;cursor:pointer;font-size:18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--login-text);transition:.15s ease}.login-page.dark .login-social-button{background:#102744}.login-social-button:hover{border-color:var(--login-blue);background:var(--login-light-blue)}.login-page.dark .login-social-button:hover{background:#16355a}.login-google{color:#4285f4;font-weight:700}.login-microsoft{width:18px;height:18px;display:inline-grid;grid-template-columns:1fr 1fr;gap:2px}.login-microsoft i:first-child{background:#f25022}.login-microsoft i:nth-child(2){background:#7fba00}.login-microsoft i:nth-child(3){background:#00a4ef}.login-microsoft i:nth-child(4){background:#ffb900}.login-card-footer{margin-top:34px;line-height:1.8;font-size:14px}.login-card-footer,.login-demo-hint{text-align:center;color:var(--login-muted)}.login-demo-hint{margin-top:12px;font-size:12px}.login-demo-hint code{font-size:12px;padding:1px 6px;border-radius:4px;background:color-mix(in srgb,var(--login-muted) 18%,transparent)}.login-demo-toggle{margin-top:8px;border:0;background:none;color:var(--login-accent,#0b3b78);font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.login-demo-list{margin:10px 0 0;padding:0;list-style:none;max-height:220px;overflow:auto;text-align:left;border:1px solid color-mix(in srgb,var(--login-muted) 25%,transparent);border-radius:10px;background:color-mix(in srgb,var(--login-muted) 6%,transparent)}.login-demo-list li+li{border-top:1px solid color-mix(in srgb,var(--login-muted) 18%,transparent)}.login-demo-list button{display:grid;grid-template-columns:88px 1fr;grid-template-rows:auto auto;gap:0 8px;width:100%;padding:8px 10px;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit}.login-demo-list button:hover{background:color-mix(in srgb,var(--login-muted) 12%,transparent)}.login-demo-user{grid-row:1/3;align-self:center;font-family:ui-monospace,monospace;font-size:12px;font-weight:700;color:var(--login-text,inherit)}.login-demo-role{font-size:11px;font-weight:600;color:var(--login-text,inherit)}.login-demo-scope{font-size:10px;opacity:.75}@media (max-width:1100px){.login-layout{grid-template-columns:1fr;min-height:auto}.login-panel{order:-1;padding:10px 24px 24px}.login-card{min-height:0;width:min(100%,520px);margin:0 auto}.login-hero-copy{padding:12px 24px 0}.login-landscape{height:min(36vh,320px);min-height:220px}}@media (max-width:700px){.login-topbar{height:auto;padding:12px 14px;align-items:center;gap:8px}.login-brand strong{font-size:15px;line-height:1.25}.login-brand small{font-size:10px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.login-brand img{width:48px;height:48px}.login-theme-toggle{padding:10px 12px;font-size:0;flex-shrink:0}.login-theme-toggle span{font-size:20px}.login-panel{padding:8px 12px 20px}.login-card{padding:24px 16px 20px;border-radius:14px}.login-card h2{font-size:28px}.login-card-subtitle{font-size:14px;margin-bottom:20px}.login-lock-mark{width:56px;height:56px}.login-input-wrap{height:52px}.login-submit{height:52px;font-size:17px}.login-title-row{flex-direction:column;gap:2px;text-align:center}.login-system-logo{width:110px;height:100px}.login-hero h1{font-size:36px;letter-spacing:-1px}.login-eyebrow{font-size:24px}.login-subtitle{font-size:15px;margin:12px 0 8px;padding:0 8px}.login-subtitle br{display:none}.login-landscape{height:28vh;min-height:160px}.login-card-footer{margin-top:22px;font-size:12px}}@media (max-width:420px){.login-landscape{display:none}.login-hero-copy{padding-bottom:16px}}@media (display-mode:standalone){.login-page{min-height:100dvh}.login-topbar{padding-top:max(12px,env(safe-area-inset-top))}}