@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:#172b4d;background:#fff}a{color:#2563eb;text-decoration:none}button,input{font:inherit}.auth-layout{min-height:100vh;display:grid;grid-template-columns:43% 57%}.auth-aside{background:#2563eb;color:white;padding:48px 56px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 0 100%,#4b85f5,transparent 60%),#2563eb}.logo{font:800 28px Manrope,sans-serif;letter-spacing:-1.5px;color:#172b4d}.logo span{color:#60a5fa}.logo.light{color:white}.label{font-size:10px;letter-spacing:1.8px;font-weight:700}.auth-aside h1{font:800 47px/1.2 Manrope,sans-serif;letter-spacing:-2px;margin:22px 0}.auth-aside p{font-size:15px;line-height:1.8;color:#e0eaff;max-width:350px}.auth-aside small{font-size:11px;color:#dbeafe}.auth-main{padding:36px 65px;display:flex;flex-direction:column;justify-content:space-between}.back{font-size:12px;color:#64748b}.auth-card{width:100%;max-width:390px;margin:45px auto}.auth-card>.logo{font-size:24px}.auth-card h2{font:800 29px Manrope,sans-serif;letter-spacing:-1px;margin:24px 0 10px}.intro{font-size:14px;line-height:1.7;color:#64748b;margin:0 0 25px}form label{display:block;font-size:12px;font-weight:600;margin:17px 0}input:not([type=hidden]){display:block;width:100%;padding:13px 14px;border:1px solid #dce4f0;border-radius:8px;margin-top:8px;background:#fff;color:#172b4d}input:focus{outline:2px solid #60a5fa;outline-offset:1px}.button{display:block;text-align:center;width:100%;border:0;border-radius:8px;background:#2563eb;color:white;padding:15px;font-size:13px;font-weight:700;margin-top:24px;cursor:pointer}.button:hover{background:#1d4ed8}.hint{font-size:11px;color:#64748b}.auth-links{display:flex;flex-direction:column;align-items:center;gap:14px;font-size:12px;margin-top:23px}.auth-links p{color:#64748b;margin:7px 0}.footnote{font-size:10px;color:#94a3b8;text-align:center}.notice{padding:14px 16px;border-radius:8px;font-size:13px;line-height:1.7;margin:20px 0}.error{color:#9f2525;background:#fff0f0}.success{color:#164a87;background:#eff6ff}.dash-header{display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid #e2e8f0;padding:22px 6%}.outline{background:white;border:1px solid #dbeafe;border-radius:8px;color:#2563eb;font-size:12px;padding:11px 16px;cursor:pointer}.dashboard{background:#f5f8ff}.dash-content{max-width:1100px;margin:60px auto;padding:0 25px}.dash-content>.label{color:#2563eb}.dash-content h1{font:800 38px Manrope,sans-serif;letter-spacing:-1.5px}.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:35px 0}.dash-grid article{background:white;border:1px solid #e2e8f0;border-radius:14px;padding:25px;overflow-wrap:anywhere}.feature{display:inline-grid;place-items:center;min-width:38px;height:38px;border-radius:10px;background:#eff6ff;color:#2563eb;font-size:15px;font-weight:700;padding:6px}.dash-grid h2{font-size:16px;margin:18px 0 10px}.dash-grid p,.dash-welcome p{color:#64748b;font-size:13px;line-height:1.8}.dash-welcome{background:#eaf2ff;border-radius:14px;padding:30px}.dash-welcome h2{font-size:22px}a:focus-visible,button:focus-visible{outline:3px solid #60a5fa;outline-offset:4px}@media(max-width:800px){.auth-layout{grid-template-columns:1fr}.auth-aside{display:none}.auth-main{min-height:100vh;padding:25px}.auth-card{margin:40px auto}.dash-grid{grid-template-columns:1fr}.dash-content{margin-top:35px}.dash-content h1{font-size:30px}.dash-header .logo{font-size:24px}}

.password-field{position:relative;margin:8px 0 12px}.password-field input:not([type=hidden]){margin:0;padding-right:52px}.password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:42px;height:40px;background:transparent;border:0;border-radius:6px;color:#64748b;cursor:pointer;display:grid;place-items:center}.password-toggle:hover{background:#eff6ff;color:#2563eb}.password-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.eye-slash{display:none}.password-toggle[aria-pressed=true] .eye-slash{display:block}.password-field+.hint{display:block;line-height:1.6}
