*{box-sizing:border-box}body{color:#172033;background:#f4f7fb;margin:0;font-family:Inter,Arial,sans-serif}a{cursor:pointer;color:#1d65f2;font-weight:700}.auth-page{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.hero-panel{color:#fff;background:linear-gradient(135deg,#071529,#123a66);flex-direction:column;justify-content:center;padding:70px;display:flex;position:relative;overflow:hidden}.hero-panel:after{content:"";background:#38bdf829;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-120px;right:-120px}.brand{align-items:center;gap:12px;margin-bottom:60px;font-size:24px;font-weight:800;display:flex}.brand.dark{color:#fff;margin:0 0 36px}.hero-panel h1{max-width:720px;margin:0 0 22px;font-size:52px;line-height:1.05}.hero-panel p{color:#dbeafe;max-width:680px;font-size:19px;line-height:1.7}.hero-cards{gap:14px;max-width:440px;margin-top:32px;display:grid}.hero-cards span{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:14px;align-items:center;gap:10px;padding:15px;display:flex}.form-panel{justify-content:center;align-items:center;padding:48px;display:flex}.form-card{background:#fff;border-radius:24px;width:100%;max-width:470px;padding:38px;box-shadow:0 22px 60px #0f172a1f}.form-card h2{margin:0 0 8px;font-size:30px}.subtitle{color:#64748b;margin-bottom:28px}form{gap:14px;display:grid}label{color:#334155;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}input{border:1px solid #d8e1ee;border-radius:12px;outline:none;height:48px;padding:0 14px;font-size:15px}input:focus{border-color:#1d65f2;box-shadow:0 0 0 4px #1d65f21a}button{color:#fff;cursor:pointer;background:#0f3b63;border:0;border-radius:12px;height:48px;font-size:15px;font-weight:800}button:hover{background:#155184}.switch{text-align:center;color:#64748b}.alert{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;margin-bottom:14px;padding:12px}.dashboard{grid-template-columns:280px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#071529;flex-direction:column;padding:28px;display:flex}nav{gap:8px;display:grid}nav a{color:#cbd5e1;border-radius:12px;padding:13px 14px;font-weight:700;text-decoration:none}.active,nav a:hover{color:#fff;background:#123a66}.logout{background:#19324f;justify-content:center;align-items:center;gap:8px;margin-top:auto;display:flex}main{padding:38px}header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}header h1{margin:0;font-size:34px}header p{color:#64748b;margin:8px 0 0}.metrics{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.metrics div,.panel{background:#fff;border-radius:20px;padding:24px;box-shadow:0 10px 30px #0f172a14}.metrics strong{color:#0f3b63;font-size:30px;display:block}.metrics span{color:#64748b;font-weight:700}.panel h2{margin-top:0}@media (width<=900px){.auth-page,.dashboard{grid-template-columns:1fr}.hero-panel{padding:40px}.hero-panel h1{font-size:38px}aside{display:none}.metrics{grid-template-columns:1fr}}