.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f2f6fa;font-family:Arial,Helvetica,sans-serif;padding:20px;}
.login-card{width:320px;display:flex;flex-direction:column;gap:14px;background:#fff;padding:28px 28px 32px;border:1px solid #d2dce6;border-radius:12px;box-shadow:0 4px 18px rgba(0,0,0,.08);} 
.login-title{margin:0 0 4px;font-size:20px;font-weight:600;color:#2f3e4d;text-align:center;}
label{display:flex;flex-direction:column;font-size:14px;color:#2f3e4d;gap:4px;font-weight:500;}
input{padding:10px 12px;font-size:14px;border:1px solid #b8c4d3;border-radius:6px;background:#fff;}
input:focus{outline:2px solid #3b7dd82e;border-color:#3b7dd8;}
button{margin-top:4px;padding:12px 16px;font-size:15px;font-weight:600;border-radius:6px;background:#3b7dd8;color:#fff;border:1px solid #346fc0;cursor:pointer;transition:.2s background;}
button:hover:not(:disabled){background:#346fc0;}
button:disabled{opacity:.55;cursor:not-allowed;}
.login-error{margin:0;font-size:13px;color:#b0493b;background:#fcecea;padding:8px 10px;border-radius:6px;}
.is-hidden{display:none!important;}
.signup-link{margin:8px 0 0;font-size:13px;color:#5a6a7a;text-align:center;}
.signup-link a{color:#3b7dd8;text-decoration:none;font-weight:500;}
.signup-link a:hover{text-decoration:underline;}

/* WhatsApp Login Styles */
.divider{display:flex;align-items:center;text-align:center;margin:8px 0;color:#8a9aaa;font-size:13px;}
.divider::before,.divider::after{content:'';flex:1;border-bottom:1px solid #d2dce6;}
.divider span{padding:0 12px;}
.whatsapp-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:#25D366;border-color:#1fb855;color:#fff;}
.whatsapp-btn:hover:not(:disabled){background:#1fb855;}
.whatsapp-btn svg{flex-shrink:0;}
.secondary-btn{background:transparent;color:#5a6a7a;border:1px solid #d2dce6;}
.secondary-btn:hover:not(:disabled){background:#f5f7fa;}
.whatsapp-subtitle{margin:0;font-size:13px;color:#5a6a7a;text-align:center;}
.phone-input-row{display:flex;gap:8px;}
.phone-input-row input:first-child{width:60px;text-align:center;}
.phone-input-row input:last-child{flex:1;}