*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#eef2ff,#f8fafc);min-height:100vh}
.auth-container,.dashboard{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}
.auth-card,.dashboard-card{width:100%;max-width:430px;background:#fff;padding:35px;border-radius:18px;box-shadow:0 15px 45px rgba(0,0,0,.1)}
.logo{text-align:center;margin-bottom:25px}.logo-circle{width:65px;height:65px;margin:0 auto 15px;border-radius:50%;background:#2563eb;color:#fff;display:flex;justify-content:center;align-items:center;font-size:28px;font-weight:bold}
.logo h1{font-size:27px;margin-bottom:7px}.logo p,.dashboard-card>p{color:#64748b}
.form-group{margin-bottom:18px}.form-group label{display:block;font-weight:600;margin-bottom:7px;color:#334155}
.form-group input{width:100%;padding:13px 14px;border:1px solid #cbd5e1;border-radius:9px;font-size:15px;outline:none}
.form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.password-box{position:relative}.password-box input{padding-right:65px}.show-password{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#2563eb;cursor:pointer;font-weight:600}
.btn{width:100%;border:0;padding:14px;background:#2563eb;color:#fff;border-radius:9px;font-size:16px;font-weight:bold;cursor:pointer}.btn:hover{background:#1d4ed8}
.bottom-text{text-align:center;margin-top:22px;color:#64748b}.bottom-text a{color:#2563eb;text-decoration:none;font-weight:600}
.alert{padding:12px 14px;border-radius:8px;margin-bottom:18px;font-size:14px}.alert.error{background:#fee2e2;color:#991b1b}.alert.success{background:#dcfce7;color:#166534}
.dashboard-card{max-width:600px;text-align:center}.dashboard-card h1{margin-bottom:10px}.user-info{margin:25px 0;text-align:left;background:#f8fafc;padding:20px;border-radius:10px}.user-info p{margin-bottom:12px}.user-info p:last-child{margin-bottom:0}
.logout-btn{display:inline-block;background:#dc2626;color:#fff;text-decoration:none;padding:12px 30px;border-radius:8px;font-weight:bold}.logout-btn:hover{background:#b91c1c}
@media(max-width:500px){.auth-card,.dashboard-card{padding:25px 20px}}