*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#eaf0ff}a{text-decoration:none;color:inherit}.login-page{min-height:100vh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 15% 15%,#183a5b 0,transparent 35%),radial-gradient(circle at 85% 85%,#22225c 0,transparent 35%),#07111f;padding:24px;position:relative}.ambient{position:absolute;border-radius:50%;filter:blur(70px);opacity:.3}.ambient-one{width:260px;height:260px;background:#2878ff;left:-80px;top:-70px}.ambient-two{width:300px;height:300px;background:#7c3aed;right:-100px;bottom:-100px}.login-shell{width:min(1060px,100%);display:grid;grid-template-columns:1.05fr .95fr;border:1px solid rgba(255,255,255,.1);background:rgba(10,22,38,.78);backdrop-filter:blur(22px);border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.38);overflow:hidden;position:relative}.brand-panel{padding:64px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,rgba(35,95,155,.18),rgba(8,15,28,.05))}.brand-mark,.mini-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#4f8cff,#7c5cff);font-size:26px;font-weight:800;box-shadow:0 10px 30px rgba(79,140,255,.25)}.eyebrow{margin:0 0 10px;color:#7da7ff;font-size:11px;font-weight:800;letter-spacing:.16em}.brand-panel h1{font-size:clamp(40px,5vw,66px);line-height:.98;margin:22px 0}.brand-panel h1 span{color:#76a5ff}.brand-copy{max-width:480px;color:#aab9cf;font-size:16px;line-height:1.7}.feature-row{display:flex;gap:18px;flex-wrap:wrap;color:#8fa3bd;font-size:12px;margin-top:26px}.login-card{padding:58px 54px;background:rgba(255,255,255,.035);border-left:1px solid rgba(255,255,255,.08)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.card-top h2{font-size:30px;margin:0}.status-dot{width:11px;height:11px;background:#38d996;border-radius:50%;box-shadow:0 0 18px #38d996;margin-top:7px}label{display:block;color:#b9c6d8;font-size:13px;font-weight:650;margin:18px 0 8px}.input-wrap{display:flex;align-items:center;background:#081522;border:1px solid #24354a;border-radius:13px;height:52px;transition:.2s}.input-wrap:focus-within{border-color:#568cff;box-shadow:0 0 0 3px rgba(86,140,255,.12)}.input-icon{color:#6782a6;padding:0 13px;font-size:13px}.input-wrap input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#f4f7ff;font-size:14px}.input-wrap input::placeholder{color:#5e718b}.toggle-password{border:0;background:transparent;color:#7da7ff;padding:0 14px;cursor:pointer}.primary-btn{width:100%;height:52px;margin-top:25px;border:0;border-radius:13px;background:linear-gradient(135deg,#397df5,#6b5cff);color:#fff;font-weight:800;font-size:14px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;cursor:pointer;box-shadow:0 14px 30px rgba(62,112,245,.22);transition:transform .2s}.primary-btn:hover{transform:translateY(-1px)}.security-note{font-size:11px;color:#71849d;text-align:center;margin:22px 0 0}.error-message{padding:11px 13px;border-radius:10px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:#ff9a9a;font-size:13px}.dashboard-page{background:#07111f;min-height:100vh}.topbar{height:72px;border-bottom:1px solid #17283b;background:rgba(7,17,31,.9);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,55px);position:sticky;top:0;z-index:5;backdrop-filter:blur(15px)}.top-brand{display:flex;align-items:center;gap:11px;font-weight:800}.mini-mark{width:35px;height:35px;border-radius:10px;font-size:19px}.top-actions{display:flex;align-items:center;gap:18px;color:#8fa3bd;font-size:12px}.online-badge{display:flex;align-items:center;gap:7px}.online-badge i{width:7px;height:7px;background:#35d48d;border-radius:50%;box-shadow:0 0 10px #35d48d}.user-name{color:#d8e3f2}.logout-link{color:#7da7ff}.dashboard{width:min(1200px,92%);margin:0 auto;padding:50px 0 70px}.hero{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}.hero h1{font-size:clamp(30px,5vw,48px);margin:0 0 8px}.hero p:not(.eyebrow){color:#8fa3bd;margin:0}.hero-clock{font-variant-numeric:tabular-nums;color:#7da7ff;font-weight:700;font-size:20px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card,.panel{border:1px solid #1a2c42;background:linear-gradient(145deg,rgba(20,38,60,.78),rgba(9,21,35,.8));border-radius:18px;box-shadow:0 15px 45px rgba(0,0,0,.12)}.stat-card{padding:22px;display:flex;gap:15px;align-items:center}.stat-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(76,127,255,.12);color:#79a4ff}.stat-card small,.stat-card em{display:block;color:#7f94ae;font-size:11px;font-style:normal}.stat-card strong{display:block;font-size:25px;margin:2px 0}.welcome-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-top:18px}.panel{padding:28px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.panel-heading h2{margin:0;font-size:22px}.panel-number{font-size:11px;color:#66809f}.muted{color:#8195ad;line-height:1.65;font-size:14px}.progress-list{margin-top:25px;display:grid;gap:10px}.progress-list div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;padding:12px;border-radius:11px;background:rgba(255,255,255,.025);font-size:13px}.progress-list span:first-child{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#16283e;color:#7890ac;font-size:10px}.progress-list .done{background:#164d3b;color:#5be0a7}.progress-list b{font-size:10px;color:#6f87a3}.weather-preview{min-height:300px}.weather-symbol{font-size:38px;color:#83aaff}.weather-value{font-size:64px;font-weight:800;margin:45px 0 4px}.weather-value span{font-size:20px;color:#8096b1}@media(max-width:850px){.login-shell{grid-template-columns:1fr}.brand-panel{padding:40px}.login-card{padding:40px;border-left:0;border-top:1px solid rgba(255,255,255,.08)}.stat-grid{grid-template-columns:repeat(2,1fr)}.welcome-grid{grid-template-columns:1fr}}@media(max-width:560px){.login-page{padding:12px}.brand-panel{padding:30px 24px}.brand-panel h1{font-size:42px}.login-card{padding:30px 24px}.topbar{height:auto;min-height:64px;padding:12px 16px}.top-actions{gap:10px}.online-badge{display:none}.dashboard{width:calc(100% - 28px);padding-top:32px}.hero{align-items:flex-start;flex-direction:column}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:15px}.stat-card strong{font-size:22px}.panel{padding:20px}.feature-row{gap:10px}.user-name{max-width:80px;overflow:hidden;text-overflow:ellipsis}}