:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f4f6;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}.login-page,.dashboard-page{background:linear-gradient(135deg,#f3f4f6 0%,#e0e7ff 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card,.dashboard-card{background:#fff;border-radius:16px;width:min(100%,420px);padding:32px 28px;box-shadow:0 20px 45px #0f172a1f}.login-card h1,.dashboard-card h1{text-align:center;color:#111827;margin:0 0 24px;font-size:2rem}.login-form{flex-direction:column;gap:18px;display:flex}.input-group{text-align:left;flex-direction:column;gap:8px;display:flex}.input-group label{color:#374151;font-size:.95rem;font-weight:600}.input-group input{color:#111827;background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:12px 14px;font-size:1rem}.input-group input:focus{border-color:#4f46e5;outline:2px solid #4f46e533}.login-button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;width:100%;padding:12px 16px;font-weight:700;transition:background .2s}.login-button:hover{background:#4338ca}.error-message{color:#b91c1c;text-align:center;margin:0;font-size:.9rem}.dashboard-card{text-align:center;width:min(100%,560px)}