:root{--primary-blue:#0f2b46;--accent-blue:#2c5282;--text-dark:#333;--text-light:#666;--white:#fff;--glass-bg:#ffffffbf;--glass-border:#fff6;--input-bg:#ffffffe6}[data-theme=dark] .login-page-container{--primary-blue:#60a5fa;--accent-blue:#93c5fd;--text-dark:#f8fafc;--text-light:#cbd5e1;--white:#fff;--glass-bg:#0f172ad9;--glass-border:#ffffff26;--input-bg:#1e293be6}[data-theme=dark] .login-page-container .input-group input,[data-theme=dark] .login-page-container .input-group select{border:1px solid #fff3}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}.login-page-container{background:url(https://images.unsplash.com/photo-1507842217121-9e96c885ee3f?q=80&w=2070&auto=format&fit=crop) 50%/cover no-repeat;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow-y:auto}.background-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:0;background:#0000004d;width:100%;height:100%;position:absolute;top:0;left:0}.login-wrapper{z-index:2;justify-content:center;width:100%;padding:20px;display:flex;position:relative}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);text-align:center;border-radius:24px;flex-direction:column;width:100%;max-width:420px;max-height:90vh;padding:30px 35px;animation:.8s ease-out fadeInUp;display:flex;box-shadow:0 8px 32px #0000001a}.logo-header{color:var(--primary-blue);flex-direction:column;align-items:center;margin-bottom:25px;display:flex}.bells-logo{width:80px;height:auto;margin-bottom:10px;display:block}.logo-text h1{font-size:22px;font-weight:700;line-height:1.2}.tabs-container{border-bottom:2px solid #0000000d;margin-bottom:30px;display:flex;position:relative}.tab-btn{color:var(--text-light);cursor:pointer;z-index:2;background:0 0;border:none;flex:1;padding:12px;font-size:16px;font-weight:500;transition:color .3s}.tab-btn.active{color:var(--primary-blue);font-weight:600}.tab-slider{background-color:var(--primary-blue);z-index:3;width:50%;height:3px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-2px;left:0}.tab-slider.right{transform:translate(100%)}.auth-form{flex-direction:column;gap:15px;display:none}.auth-form.active-form{flex:1;padding-right:5px;display:flex;overflow-y:auto}.row-group{gap:10px;display:flex}.row-group .input-group{flex:1}.input-group{width:100%;position:relative}.input-group input,.input-group select{background:var(--input-bg);width:100%;color:var(--text-dark);appearance:none;border:1px solid #0000001a;border-radius:10px;outline:none;padding:16px;font-size:15px;transition:box-shadow .3s,transform .2s,border-color .3s;box-shadow:0 2px 6px #00000005}.role-select{cursor:pointer;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 15px top 50%;background-repeat:no-repeat;background-size:10px}.input-group input[type=file]{padding:10px 16px}.input-group input[type=file]::file-selector-button{background:var(--primary-blue);color:var(--white);cursor:pointer;border:none;border-radius:6px;margin-right:15px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .3s,opacity .3s}.input-group input[type=file]::file-selector-button:hover{background:var(--accent-blue)}.input-group input:focus,.input-group select:focus{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.toggle-password{color:#888;cursor:pointer;z-index:10;font-size:14px;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.form-actions{justify-content:flex-end;margin-bottom:10px;display:flex}.forgot-password{color:var(--primary-blue);font-size:13px;font-weight:500;text-decoration:none}.forgot-password:hover{text-decoration:underline}.submit-btn{background-color:var(--primary-blue);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:10px;padding:16px;font-size:16px;font-weight:600;transition:background-color .3s,transform .2s;box-shadow:0 4px 15px #0f2b4633}.submit-btn:hover{background-color:var(--accent-blue);transform:translateY(-2px)}.register-btn{margin-top:10px}.security-footer{color:var(--text-light);flex-direction:column;align-items:center;gap:5px;margin-top:35px;font-size:12px;display:flex}.security-footer i{color:var(--primary-blue);font-size:14px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.glass-card{max-width:100%;padding:30px 20px}.logo-text h1{font-size:20px}.row-group{flex-direction:column}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:.4s ease-in-out shake}.input-group input:invalid{border:2px solid #e74c3c}.page-title{color:var(--text-dark,#0f2b46);justify-content:center;align-items:center;gap:8px;margin-bottom:8px;font-size:20px;font-weight:700;line-height:1.3;display:flex}[data-theme=dark] .page-title{color:#f8fafc!important}.page-desc{color:var(--text-light,#666);margin-bottom:25px;font-size:14px;line-height:1.5}[data-theme=dark] .page-desc{color:#cbd5e1!important}.flash-messages{flex-direction:column;gap:10px;width:100%;margin-bottom:20px;display:flex}.alert{text-align:center;-webkit-backdrop-filter:blur(8px);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-size:13.5px;font-weight:500;line-height:1.45;animation:.3s cubic-bezier(.16,1,.3,1) alertFadeIn;display:flex;box-shadow:0 4px 12px #0000000d}.alert i{flex-shrink:0;font-size:16px}.alert-success{color:#15803d;background:#22c55e1f;border:1px solid #22c55e47}[data-theme=dark] .alert-success{box-shadow:0 4px 14px #22c55e1f;color:#4ade80!important;background:#22c55e2e!important;border:1px solid #4ade8059!important}.alert-error{color:#b91c1c;background:#ef44441f;border:1px solid #ef444447}[data-theme=dark] .alert-error{box-shadow:0 4px 14px #ef44441f;color:#f87171!important;background:#ef44442e!important;border:1px solid #f8717159!important}.alert-info{color:#1d4ed8;background:#3b82f61f;border:1px solid #3b82f647}[data-theme=dark] .alert-info{box-shadow:0 4px 14px #3b82f61f;color:#93c5fd!important;background:#3b82f62e!important;border:1px solid #93c5fd59!important}@keyframes alertFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.toast-container{z-index:9999;flex-direction:column;gap:10px;max-width:350px;display:flex;position:fixed;top:20px;right:20px}.toast{opacity:0;border-radius:8px;align-items:center;padding:15px 20px;font-size:14px;animation:.3s forwards slideInRight,.3s 3.7s forwards fadeOut;display:flex;transform:translate(100%);box-shadow:0 4px 12px #00000026}.toast i{margin-right:10px;font-size:18px}.toast-success{color:#155724;background:#d4edda;border-left:5px solid #28a745}.toast-error{color:#721c24;background:#f8d7da;border-left:5px solid #dc3545}.toast-info{color:#004085;background:#cce5ff;border-left:5px solid #17a2b8}.toast-warning{color:#856404;background:#fff3cd;border-left:5px solid #ffc107}@keyframes slideInRight{to{opacity:1;transform:translate(0)}}@keyframes fadeOut{to{opacity:0;transform:translate(100%)}}[data-theme=dark] .toast-success{color:#a7f3d0;background:#28a74526;border-left-color:#34d399}[data-theme=dark] .toast-error{color:#fecaca;background:#dc354526;border-left-color:#f87171}[data-theme=dark] .toast-info{color:#93c5fd;background:#17a2b826;border-left-color:#38bdf8}[data-theme=dark] .toast-warning{color:#fde68a;background:#ffc10726;border-left-color:#facc15}.push-optin-banner{color:#1e293b;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:14px;width:calc(100vw - 32px);max-width:410px;padding:18px 20px;font-family:Inter,system-ui,-apple-system,sans-serif;animation:.35s cubic-bezier(.16,1,.3,1) pushBannerSlideUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 32px -4px #0f2b4624,0 4px 12px -2px #0f2b460f}.push-optin-header{align-items:flex-start;gap:14px;display:flex}.push-optin-icon{color:#0f2b46;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:transform .2s;display:flex}.push-optin-banner:hover .push-optin-icon{transform:scale(1.05)}.push-optin-text{flex:1}.push-optin-title{color:#0f2b46;letter-spacing:-.2px;margin-bottom:4px;font-size:14.5px;font-weight:700}.push-optin-desc{color:#64748b;font-size:13px;line-height:1.45}.push-optin-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 4px;font-size:20px;line-height:1;transition:all .15s}.push-optin-close:hover{color:#1e293b;background:#f1f5f9}.push-optin-actions{justify-content:flex-end;align-items:center;gap:10px;padding-top:2px;display:flex}.push-optin-btn-secondary{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.push-optin-btn-secondary:hover{color:#0f2b46;background:#f1f5f9;border-color:#cbd5e1}.push-optin-btn-primary{color:#fff;cursor:pointer;background:#0f2b46;border:1px solid #0f2b46;border-radius:8px;align-items:center;gap:7px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 2px 6px #0f2b4626}.push-optin-btn-primary:hover{background:#1a3c5c;border-color:#1a3c5c;transform:translateY(-1px);box-shadow:0 4px 10px #0f2b4640}.push-optin-btn-primary:active{transform:translateY(0)}.push-optin-btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.push-optin-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}@keyframes pushBannerSlideUp{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}[data-theme=dark] .push-optin-banner{color:#f8fafc;background:#1e293b;border-color:#334155;box-shadow:0 12px 32px -4px #0006}[data-theme=dark] .push-optin-icon{color:#38bdf8;background:#0284c726;border-color:#0284c74d}[data-theme=dark] .push-optin-title{color:#f8fafc}[data-theme=dark] .push-optin-desc{color:#94a3b8}[data-theme=dark] .push-optin-close:hover{color:#f8fafc;background:#334155}[data-theme=dark] .push-optin-btn-secondary{color:#cbd5e1;background:#334155;border-color:#475569}[data-theme=dark] .push-optin-btn-secondary:hover{color:#fff;background:#475569}[data-theme=dark] .push-optin-btn-primary{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 2px 6px #0284c74d}[data-theme=dark] .push-optin-btn-primary:hover{background:#0369a1;border-color:#0369a1}[data-theme=dark] .push-optin-success{color:#86efac;background:#22c55e26;border-color:#22c55e4d}