.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px 34px;gap:28px;background:radial-gradient(circle at 8% 18%,rgba(65,108,255,.08),transparent 28%),radial-gradient(circle at 88% 82%,rgba(148,84,220,.07),transparent 28%),var(--bg);color:var(--text)}.login-shell{width:min(100%,1320px);min-height:620px;display:grid;grid-template-columns:1fr 1.25fr;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 18px 48px rgba(16,24,40,.08)}.login-brand-panel{position:relative;padding:92px 78px;background:radial-gradient(circle at 15% 15%,rgba(65,108,255,.09),transparent 34%),linear-gradient(135deg,#fbfdff,#f3f7ff);border-right:1px solid var(--border);overflow:hidden}.login-brand-panel:after,.login-brand-panel:before{content:"";position:absolute;width:116px;height:116px;opacity:.62;background-image:radial-gradient(#b8c9ff 1.7px,transparent 0);background-size:20px 20px;pointer-events:none}.login-brand-panel:before{right:-12px;top:-4px}.login-brand-panel:after{left:-10px;bottom:-10px}.login-brand-logo{display:flex;margin-bottom:46px}.admin-chip,.login-brand-logo{align-items:center;position:relative;z-index:1}.admin-chip{display:inline-flex;height:34px;padding:0 14px;border-radius:8px;background:#e8efff;color:#245dff;font-size:15px;font-weight:700;margin-bottom:36px}.welcome-title{margin:0 0 24px;font-size:38px;line-height:1.22;letter-spacing:-.055em;font-weight:800;color:#101828;position:relative;z-index:1}.welcome-title span{display:block;background:linear-gradient(135deg,#416cff,#9454dc);-webkit-background-clip:text;background-clip:text;color:transparent}.welcome-copy{max-width:380px;margin:0;color:#667085;font-size:18px;line-height:1.65;font-weight:500;position:relative;z-index:1}.illustration{position:absolute;left:95px;bottom:92px;width:392px;height:250px;z-index:1}.dashboard-card{position:absolute;left:0;bottom:28px;width:332px;height:184px;border-radius:14px;border:1px solid #dbe5fb;background:hsla(0,0%,100%,.84);box-shadow:0 20px 44px rgba(65,108,255,.14);overflow:hidden;backdrop-filter:blur(8px)}.dash-top{height:37px;display:flex;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid #edf2ff;background:rgba(248,250,255,.85)}.dash-mini-logo{width:25px;height:25px;border-radius:6px;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;display:grid;place-items:center;font-size:16px;font-weight:800}.dash-dot{width:9px;height:7px;border-radius:999px;background:#dae4ff}.dash-pill{margin-left:auto;width:48px;height:9px;border-radius:999px;background:#edf2ff}.dash-body{display:grid;grid-template-columns:70px 1fr;height:calc(100% - 37px)}.dash-sidebar{border-right:1px solid #edf2ff;padding:13px 11px}.side-line{height:8px;margin-bottom:14px;border-radius:999px;background:#e8efff;position:relative}.side-line:before{content:"";position:absolute;left:0;top:-2px;width:9px;height:9px;border-radius:999px;background:#b7c8ff}.dash-content{display:grid;grid-template-columns:1.4fr .85fr;gap:12px;padding:12px}.bars-box,.chart-box,.list-box,.ring-box{border-radius:8px;background:#fff;border:1px solid #edf2ff;position:relative;overflow:hidden}.chart-box{grid-column:1/2;height:70px;padding:13px 12px}.bars-box:before,.chart-box:before,.list-box:before{content:"";display:block;width:58px;height:7px;border-radius:999px;background:#e9eefb;margin-bottom:12px}.chart-line{width:100%;height:34px}.ring-box{height:70px;display:grid;place-items:center}.ring{width:48px;height:48px;background:conic-gradient(#416cff 0 72%,#e2e9ff 72% 100%);position:relative}.ring,.ring:after{border-radius:999px}.ring:after{content:"";position:absolute;inset:13px;background:#fff}.bars-box{height:66px;padding:10px 12px}.bars{display:flex;align-items:end;gap:9px;height:34px}.bar{width:10px;border-radius:4px 4px 0 0;background:#8facff}.list-box{height:66px;padding:10px 12px}.list-row{width:72px;height:7px;border-radius:999px;background:#eef3ff;margin-bottom:8px}.shield-badge{position:absolute;right:0;bottom:0;width:116px;height:116px;border-radius:999px;background:#e9efff;border:1px solid #d6e1ff;display:grid;place-items:center;box-shadow:0 20px 44px rgba(65,108,255,.12)}.shield{width:58px;height:64px;background:linear-gradient(180deg,#5981ff,#315eff);clip-path:polygon(50% 0,88% 16%,82% 74%,50% 100%,18% 74%,12% 16%);display:grid;place-items:center;color:#fff}.shield svg{width:26px;height:26px;stroke-width:2.3}.login-form-panel{padding:125px 92px 72px;display:flex;align-items:flex-start;justify-content:center}.form-inner{width:100%;max-width:570px}.form-title{margin:0 0 14px;font-size:35px;line-height:1.12;letter-spacing:-.05em;font-weight:800;color:#101828}.form-subtitle{margin:0 0 50px;color:var(--muted);font-size:18px;line-height:1.45;font-weight:500}.field{margin-bottom:28px}.login-page label{display:block;color:#111827;font-size:16px;line-height:1;font-weight:700;margin-bottom:13px}.input-wrap{height:62px;display:flex;align-items:center;gap:15px;padding:0 20px;border:1px solid var(--border-strong);border-radius:9px;background:#f0f7ff;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.input-wrap:focus-within{border-color:#b8caff;box-shadow:0 0 0 4px rgba(65,108,255,.09);background:#fff}.input-wrap svg{width:20px;height:20px;color:#94a3b8;flex:0 0 20px;transition:color .18s ease}.input-wrap:focus-within svg{color:#416cff}.input-wrap input{border:0;outline:none;width:100%;height:100%;color:#1e293b;background:transparent;font-size:17px;font-weight:500}.input-wrap input::-moz-placeholder{color:#94a3b8}.input-wrap input::placeholder{color:#94a3b8}.password-toggle{border:0;background:transparent;padding:0;width:30px;height:30px;display:grid;place-items:center;border-radius:999px;cursor:pointer;color:#7b879c;transition:background .18s ease,color .18s ease;flex:0 0 30px}.password-toggle:hover{background:#f1f4fa;color:#416cff}.error-text{display:none;margin:9px 0 0;color:#ef4444;font-size:13px;font-weight:600}.field.invalid .input-wrap{border-color:#fecaca;box-shadow:0 0 0 4px rgba(239,68,68,.07)}.field.invalid .error-text{display:block}.options-row{justify-content:space-between;gap:20px;margin:-1px 0 35px}.checkbox-label,.options-row{display:flex;align-items:center}.checkbox-label{gap:12px;color:#475569;font-size:15px;font-weight:600;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-label input{position:absolute;opacity:0;pointer-events:none}.fake-checkbox{width:20px;height:20px;border-radius:5px;border:1.5px solid #cbd5e1;background:#fff;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .18s ease;flex:0 0 20px}.fake-checkbox svg{width:14px;height:14px;opacity:0;transform:scale(.8);transition:all .18s ease}.checkbox-label input:checked+.fake-checkbox{background:#416cff;border-color:#416cff}.checkbox-label input:checked+.fake-checkbox svg{opacity:1;transform:scale(1)}.link{color:#145dff;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .18s ease}.link:hover{opacity:.78;text-decoration:underline;text-underline-offset:3px}.submit-btn{width:100%;height:64px;border:0;border-radius:9px;color:#fff;font-size:17px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,#416cff,#9454dc);box-shadow:0 12px 24px rgba(65,108,255,.2);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.submit-btn:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(65,108,255,.25);filter:saturate(1.04)}.submit-btn:active{transform:translateY(0);box-shadow:0 8px 16px rgba(65,108,255,.2)}.divider-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:51px 0 36px;color:#8a94a8;font-size:15px;font-weight:600}.divider-row:after,.divider-row:before{content:"";height:1px;background:var(--border)}.help-text{text-align:center;color:#7b8497;font-size:16px;font-weight:500}.help-text a{color:#145dff;text-decoration:none;font-weight:600}.help-text a:hover{text-decoration:underline;text-underline-offset:3px}.footer{color:#7b8497;font-size:16px;font-weight:500;text-align:center}@media (max-width:1100px){.login-shell{grid-template-columns:1fr;max-width:720px}.login-brand-panel{min-height:420px;padding:56px 52px;border-right:0;border-bottom:1px solid var(--border)}.illustration{right:44px;left:auto;bottom:42px;transform:scale(.82);transform-origin:right bottom}.login-form-panel{padding:58px 52px 60px}}@media (max-width:720px){.login-page{padding:22px 14px 24px}.login-brand-panel{padding:34px 28px 260px}.login-brand-logo{margin-bottom:30px}.illustration{left:28px;right:auto;bottom:28px;transform:scale(.72);transform-origin:left bottom}.login-form-panel{padding:40px 28px 42px}}