.emp-online-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff6ff,#fff,#f5f3ff);padding:24px;color:#253044}
.emp-online-login form,.emp-online-panel{background:white;border:1px solid #dbe4ee;border-radius:16px;padding:28px;box-shadow:0 15px 50px #1e3a5f20;max-width:650px;width:100%}
.emp-online-login form{max-width:410px}.emp-online-login h1,.emp-online-panel h2{font-size:24px;font-weight:700;margin:0 0 14px}.emp-online-panel h3{font-size:18px;font-weight:600;margin:20px 0 12px}
.emp-online-login p,.emp-online-panel p{margin:12px 0;color:#536176;line-height:1.7}.emp-online-login label,.emp-online-panel label{display:block;margin:12px 0;color:#374151;font-size:14px}
.emp-online-login input,.emp-online-panel input,.emp-online-panel select{display:block;width:100%;border:1px solid #ccd7e4;border-radius:7px;padding:10px 12px;margin-top:6px;background:white;color:#17243b}
.emp-online-login button,.emp-online-panel button,.emp-online-status button{background:#2563eb;color:white;border:0;border-radius:7px;padding:9px 14px;margin:4px;cursor:pointer}
.emp-online-login button[type=submit]{width:100%;margin:10px 0 0}.emp-online-login button:disabled,.emp-online-panel button:disabled{opacity:.5;cursor:wait}
.emp-online-overlay{position:fixed;inset:0;z-index:100000;background:#0f172a99;display:flex;align-items:center;justify-content:center;padding:20px}.emp-online-panel{max-height:90vh;overflow:auto}
.emp-online-status{position:fixed;bottom:10px;right:10px;z-index:45;background:#fff;color:#166534;border:1px solid #cbded2;border-radius:9px;box-shadow:0 3px 15px #0001;padding:7px 10px;display:flex;align-items:center;gap:8px;font-size:12px;flex-wrap:wrap;max-width:calc(100vw - 20px)}
.emp-online-status button{font-size:12px;padding:4px 7px;margin:0;background:#edf3ff;color:#2353a4}.emp-online-loading{padding:60px;text-align:center;color:#475569}
.emp-online-accounts>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid #e5e7eb}.emp-online-accounts span{flex:1;min-width:170px}.emp-online-panel [role=alert],.emp-online-login [role=alert]{color:#b91c1c}