:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#17243e;background:#f4f7fc}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 15% 0%,#dceaff 0,transparent 45%),radial-gradient(ellipse at 95% 95%,#e5e6ff 0,transparent 40%),#f4f7fc}.panel,.dashboard{width:min(100%,450px);background:white;border:1px solid #e8edf5;border-radius:26px;padding:44px;box-shadow:0 24px 80px #24447817}.logo{width:48px;height:48px;border-radius:15px;background:#2864ee;color:white;display:grid;place-items:center;font-size:29px;margin-bottom:20px}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#5474a8;margin:0 0 8px}h1{font-size:29px;letter-spacing:-.045em;margin:0 0 10px}h1 span{color:#2864ee}.sub{color:#63748e;font-size:14px;line-height:1.6;margin-bottom:30px}label{display:block;font-size:13px;font-weight:700;margin:17px 0 8px}input{width:100%;border:1px solid #d9e2ef;border-radius:11px;padding:14px 15px;font:inherit;outline:none;background:#fcfdff}input:focus{border-color:#2864ee;box-shadow:0 0 0 3px #2864ee20}button{width:100%;background:#2864ee;border:0;border-radius:11px;color:#fff;font:inherit;font-weight:750;padding:15px;margin-top:25px;cursor:pointer;display:flex;justify-content:center;gap:12px}button:hover{background:#1d4fcb}.foot{color:#8996aa;font-size:12px;text-align:center;margin:24px 0 0}.alert{background:#fff0f0;border:1px solid #f4cccc;color:#9a2424;border-radius:10px;padding:12px;font-size:13px}.dashboard{width:min(100%,920px)}header{display:flex;justify-content:space-between;align-items:center;gap:18px}header .outline{width:auto;margin:0;background:white;border:1px solid #cbd8ee;color:#1b4cc2}header .outline:hover{background:#f2f6ff}.welcome{margin:32px 0;padding:26px;background:#f1f6ff;border-radius:17px}.welcome h2{margin:0 0 6px}.welcome p{margin:0;color:#60718c}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stats article{border:1px solid #e4eaf4;border-radius:16px;padding:24px}.stats article p{margin:0 0 12px;color:#687a94}.stats strong{font-size:34px}@media(max-width:650px){.panel,.dashboard{padding:26px}.stats{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}}