:root{--p:#2563eb;--pd:#1749a4;--ink:#172033;--muted:#697589;--line:#dbe3ef}
*{box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%}body{min-width:320px;min-height:100%;margin:0;overflow-x:hidden;color:var(--ink);background:#edf3fb;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.login-shell{width:100%;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:clamp(18px,3vw,34px);background:radial-gradient(circle at 8% 10%,rgba(37,99,235,.15),transparent 30%),radial-gradient(circle at 92% 90%,rgba(14,165,233,.12),transparent 28%),#edf3fb}
.login-panel{width:min(1100px,100%);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);overflow:hidden;border:1px solid rgba(255,255,255,.85);border-radius:28px;background:#fff;box-shadow:0 30px 80px rgba(30,58,110,.16)}
.login-intro{position:relative;min-width:0;min-height:620px;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(32px,4vw,48px);overflow:hidden;color:#fff;background:linear-gradient(145deg,#0b2559,var(--pd) 50%,var(--p))}.login-intro:after{position:absolute;right:-190px;top:-180px;width:360px;height:360px;border:65px solid rgba(255,255,255,.06);border-radius:50%;content:"";pointer-events:none}
.login-brand{position:relative;z-index:1;min-width:0;display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:13px}.login-logo{width:50px;height:50px;display:grid;place-items:center;padding:4px;border:1px solid rgba(255,255,255,.28);border-radius:15px;color:#fff;background:rgba(255,255,255,.14);font-size:23px}.login-logo.has-logo{border-color:#fff;background:#fff}.login-logo img{width:100%;height:100%;object-fit:contain;border-radius:10px;background:#fff}.login-brand strong,.login-brand small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-brand strong{font-size:16px;letter-spacing:.04em}.login-brand small{margin-top:3px;font-size:11px;opacity:.72}
.intro-content{position:relative;z-index:1;align-self:center;max-width:505px;padding:28px 0}.intro-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.1);font-size:12px;font-weight:650}.intro-content h1{margin:22px 0 15px;font-size:clamp(32px,3.4vw,46px);font-weight:800;line-height:1.13;letter-spacing:-.035em}.intro-content>p{margin:0;color:rgba(255,255,255,.76);font-size:15px;line-height:1.65}.intro-modules{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.intro-modules span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(255,255,255,.15);border-radius:9px;color:rgba(255,255,255,.88);background:rgba(255,255,255,.08);font-size:10px;font-weight:700}.intro-features{display:grid;gap:9px;margin-top:24px}.intro-features>div{min-height:46px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px}.intro-features>div>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.12)}.intro-features strong,.intro-features small{display:block}.intro-features strong{font-size:13px}.intro-features small{margin-top:2px;color:rgba(255,255,255,.62);font-size:11px}.intro-footer{position:relative;z-index:1;width:100%;margin:0;text-align:center;color:rgba(255,255,255,.82);font-size:13px;font-weight:600;line-height:1.55}.intro-footer strong{color:#fff;font-weight:850}
.login-form-panel{min-width:0;display:grid;place-items:center;padding:clamp(36px,5vw,56px)}.login-form-wrap{width:100%;max-width:390px}.form-heading{margin-bottom:28px}.form-heading>span{display:block;margin-bottom:8px;color:var(--p);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.form-heading h2{margin:0 0 9px;font-size:clamp(27px,3vw,31px);font-weight:800;line-height:1.2;letter-spacing:-.025em}.form-heading p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.login-alert{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:20px;padding:13px 14px;border:1px solid #fecaca;border-radius:12px;color:#991b1b;background:#fff1f2;font-size:13px}.login-form{display:grid;gap:18px}.form-field{min-width:0;display:grid;gap:7px}.form-field label{font-size:13px;font-weight:700}.field-control{width:100%;height:50px;display:grid;grid-template-columns:45px minmax(0,1fr);align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;transition:.18s}.field-control.password-field{grid-template-columns:45px minmax(0,1fr) 45px}.field-control:focus-within{border-color:var(--p);box-shadow:0 0 0 4px rgba(37,99,235,.11)}.field-control.is-invalid{border-color:#dc3545}.field-control>i{display:grid;place-items:center;color:#8290a5;font-size:17px}.field-control input{min-width:0;width:100%;height:48px;padding:0;border:0;outline:0;color:var(--ink);background:transparent;font:inherit;font-size:16px}.field-control input::placeholder{color:#a3adbc}.password-toggle{width:44px;height:48px;display:grid;place-items:center;padding:0;border:0;color:#7b8798;background:transparent;font-size:17px;cursor:pointer;touch-action:manipulation}.remember-option{min-height:22px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:9px;color:#566174;font-size:13px;line-height:1.35;cursor:pointer}.remember-option input{width:17px;height:17px;margin:0;accent-color:var(--p)}.login-submit{width:100%;height:52px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--p),var(--pd));font-size:14px;font-weight:800;box-shadow:0 10px 22px rgba(37,99,235,.23);cursor:pointer;transition:.18s;touch-action:manipulation}.login-submit span{grid-column:2}.login-submit i{grid-column:3;justify-self:end}.login-submit:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(37,99,235,.3)}.login-help{margin:23px 0 0;text-align:center;color:#8490a2;font-size:11px;line-height:1.5}.mobile-copyright{display:none;margin:26px 0 0;padding-top:17px;border-top:1px solid var(--line);text-align:center;color:#6f7b8d;font-size:12px;font-weight:600;line-height:1.6}.mobile-copyright strong{color:var(--pd);font-weight:850}
body[data-theme=yellow]{--p:#d89b00;--pd:#8a6200}body[data-theme=red]{--p:#dc3545;--pd:#a61e2c}body[data-theme=green]{--p:#198754;--pd:#11663e}body[data-theme=pink]{--p:#d63384;--pd:#a51f62}body[data-theme=purple]{--p:#7c3aed;--pd:#5b21b6}body[data-theme=orange]{--p:#ea580c;--pd:#9a3412}body[data-theme=teal]{--p:#0d9488;--pd:#0f766e}body[data-theme=indigo]{--p:#4f46e5;--pd:#3730a3}body[data-theme=slate]{--p:#475569;--pd:#334155}body[data-theme=navy]{--p:#245b9e;--pd:#163b72}body[data-theme=rose]{--p:#e11d48;--pd:#9f1239}body[data-theme=lime]{--p:#65a30d;--pd:#4d7c0f}body[data-theme=cyan]{--p:#0891b2;--pd:#0e7490}body[data-theme=brown]{--p:#92400e;--pd:#78350f}
.page-loading-overlay{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;visibility:hidden;opacity:0;background:rgba(245,248,252,.8);backdrop-filter:blur(4px);transition:.16s}.page-is-loading .page-loading-overlay{visibility:visible;opacity:1}.page-loading-card{display:flex;flex-direction:column;align-items:center;gap:13px;padding:22px 27px;border-radius:18px;color:var(--pd);background:#fff;box-shadow:0 18px 55px rgba(15,23,42,.17);font-size:12px;font-weight:750}.page-loading-spinner{width:42px;height:42px;border:4px solid #dbeafe;border-top-color:var(--p);border-radius:50%;animation:page-spin .7s linear infinite}@keyframes page-spin{to{transform:rotate(360deg)}}body[data-loading-style=top] .page-loading-overlay{display:block;pointer-events:none;background:transparent;backdrop-filter:none}body[data-loading-style=top] .page-loading-card{position:absolute;top:0;left:0;width:100%;height:4px;display:block;padding:0;border-radius:0;background:transparent;box-shadow:none;font-size:0}body[data-loading-style=top] .page-loading-spinner{display:block;width:34%;height:4px;border:0;border-radius:0;background:linear-gradient(90deg,var(--p),#fff,var(--p));animation:page-progress 1.15s ease-in-out infinite}body[data-loading-style=top] .page-loading-card>span:last-child{display:none}@keyframes page-progress{from{transform:translateX(-105%)}to{transform:translateX(305%)}}
@media(max-width:1023.98px){.login-shell{place-items:start center;overflow-y:auto}.login-panel{max-width:680px;grid-template-columns:1fr}.login-intro{min-height:0;padding:28px 34px}.login-intro:after{right:-230px;top:-230px}.intro-content{padding:25px 0 8px}.intro-content h1{max-width:570px;margin:16px 0 10px;font-size:30px}.intro-content>p{max-width:580px;font-size:14px}.intro-features{display:none}.intro-modules{margin-top:16px}.intro-footer{display:none}.login-form-panel{padding:38px 44px}.mobile-copyright{display:block}}
@media(max-width:639.98px){body,.login-shell{background:#fff}.login-shell{display:block;padding:0}.login-panel{width:100%;min-height:100vh;min-height:100dvh;border:0;border-radius:0;box-shadow:none}.login-intro{display:none}.login-form-panel{min-height:100vh;min-height:100dvh;place-items:start center;padding-top:max(30px,env(safe-area-inset-top));padding-right:max(22px,env(safe-area-inset-right));padding-bottom:max(32px,env(safe-area-inset-bottom));padding-left:max(22px,env(safe-area-inset-left))}.login-form-wrap{max-width:none}.form-heading{margin-top:clamp(18px,7vh,64px)}.field-control{height:52px}.field-control input,.password-toggle{height:50px}.login-submit{height:54px}.mobile-copyright{display:block}}
@media(max-width:379.98px){.login-form-panel{padding-right:max(16px,env(safe-area-inset-right));padding-left:max(16px,env(safe-area-inset-left))}.form-heading{margin-top:18px;margin-bottom:22px}.form-heading h2{font-size:25px}.login-form{gap:15px}.remember-option{font-size:12px}.login-help{margin-top:18px}}
@media(max-height:620px) and (min-width:640px){.login-shell{place-items:start center;padding:14px}.login-panel{border-radius:20px}.login-intro{min-height:0;padding:24px 30px}.intro-content{padding:18px 0 4px}.intro-content h1{font-size:27px}.intro-modules,.intro-features{display:none}.login-form-panel{padding:26px 38px}.form-heading{margin-bottom:20px}.login-form{gap:14px}.login-help{margin-top:15px}.mobile-copyright{margin-top:17px}}
@media(max-height:500px) and (orientation:landscape){.login-shell{display:block;padding:0;background:#fff}.login-panel{width:100%;max-width:none;min-height:100vh;min-height:100dvh;border:0;border-radius:0;box-shadow:none}.login-intro{display:none}.login-form-panel{min-height:100vh;min-height:100dvh;place-items:start center;padding:18px max(28px,env(safe-area-inset-right)) 22px max(28px,env(safe-area-inset-left))}.login-form-wrap{max-width:540px}.form-heading{margin:0 0 16px}.form-heading h2{font-size:24px}.login-form{gap:12px}.field-control{height:47px}.field-control input,.password-toggle{height:45px}.login-submit{height:48px}.login-help,.mobile-copyright{margin-top:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}