.login-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.login-modal-container{display:flex;width:900px;max-width:95vw;height:600px;max-height:90vh;background:#ffffff;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.2);animation:slideUp .4s ease-out;position:relative}.login-modal-close{position:absolute;top:20px;right:20px;background:transparent;border:none;cursor:pointer;z-index:10;color:#666;transition:color .2s;padding:5px}.login-modal-close:hover{color:#333}.login-left-panel{flex:1;background:linear-gradient(135deg,#ea580c,#f97316 50%,#f59e0b);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;color:white;text-align:center;position:relative;overflow:hidden}.login-left-panel:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 60%);animation:rotate 20s linear infinite}.login-brand-logo{width:180px;height:auto;margin-bottom:24px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));z-index:1;border-radius:50px}.login-welcome-title{font-size:2rem;font-weight:700;margin-bottom:12px;z-index:1}.login-welcome-subtitle{font-size:1.1rem;opacity:.9;z-index:1}.login-right-panel{flex:1;padding:40px 50px;display:flex;flex-direction:column;justify-content:center;background-color:#ffffff;overflow-y:auto}.login-form-title{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:8px}.login-form-subtitle{font-size:.9rem;color:#666;margin-bottom:32px}.login-company-admin-hint{margin:0 0 12px;padding:10px 12px;border-radius:8px;background:#eff6ff;color:#1e3a8a;font-size:.82rem;line-height:1.45}.login-account-tabs{display:flex;gap:8px;margin-bottom:20px;background:#f3f4f6;padding:4px;border-radius:10px}.login-account-tab{flex:1;border:none;background:transparent;color:#6b7280;font-size:.85rem;font-weight:600;padding:10px 8px;border-radius:8px;cursor:pointer;transition:all .2s ease}.login-account-tab:hover{color:#374151}.login-account-tab.active{background:#ffffff;color:#ea580c;box-shadow:0 1px 3px rgba(0,0,0,.08)}.login-form{width:100%}.login-alert{width:100%;margin-bottom:16px;padding:12px 14px;border-radius:10px;font-size:.9rem;line-height:1.5;text-align:center;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;box-sizing:border-box}.login-alert-error{background-color:#ffebee;color:#c62828;border:1px solid #f4b4b4}.login-alert-success{background-color:#d1fae5;color:#065f46;border:1px solid #9ae6c5}.login-input-group{margin-bottom:20px}.login-input-label{display:block;font-size:.85rem;font-weight:500;color:#444;margin-bottom:6px}.login-input-wrapper{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:12px;color:#999;width:18px;height:18px}.login-input{width:100%;padding:10px 12px 10px 40px;border:1px solid #ddd;border-radius:8px;font-size:.95rem;color:#333;transition:all .2s;background-color:#F7F7F9}.login-input:focus{outline:none;border-color:#f97316;background-color:#fff;box-shadow:0 0 0 3px rgba(249,115,22,.15)}.login-options{display:flex;justify-content:flex-end;margin-bottom:24px}.login-forgot-link{font-size:.85rem;color:#ea580c;text-decoration:none;font-weight:500}.login-forgot-link:hover{text-decoration:underline}.captcha-container{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:10px;background-color:#f0f0f0;border-radius:6px;border:1px solid #ddd}.captcha-code{font-family:Courier New,monospace;font-weight:700;font-size:1.2rem;letter-spacing:4px;color:#555;text-decoration:line-through;user-select:none}.captcha-refresh{background:none;border:none;cursor:pointer;color:#ea580c}.captcha-box{width:100%}.captcha-box-image svg{width:100%;height:100%}.captcha-box-refresh{flex-shrink:0}.login-btn{width:100%;padding:12px;background:#ea580c;border:none;border-radius:8px;color:white;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;box-shadow:0 4px 10px rgba(234,88,12,.2)}.login-btn:hover{background:#c2410c}.login-btn:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.login-register-text{text-align:center;font-size:.9rem;color:#666;margin-top:24px}.login-register-link{color:#ea580c;text-decoration:none;font-weight:600;margin-left:5px}.login-register-link:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.login-modal-overlay{align-items:flex-start;overflow-y:auto;padding:12px}.login-modal-container{flex-direction:column;width:min(100%,420px);max-width:100%;height:auto;max-height:none;overflow:visible;margin:auto}.login-modal-close{top:12px;right:12px}.login-left-panel{padding:20px 16px 18px;min-height:auto;flex:none}.login-brand-logo{width:72px;margin-bottom:10px}.login-welcome-title{font-size:1.55rem;margin-bottom:6px}.login-welcome-subtitle{font-size:.92rem}.login-right-panel{padding:18px 16px 24px;flex:none;display:flex;flex-direction:column;min-height:0;overflow:visible}.login-flip-wrapper{height:auto;perspective:none}.login-flipper{height:auto;transform:none!important}.login-face{position:static;width:100%;height:auto;min-height:0;padding:0;overflow:visible;backface-visibility:visible;transform:none;justify-content:flex-start}.login-back,.login-front{display:none}.login-flipper.flipped .login-back,.login-flipper:not(.flipped) .login-front{display:flex}.login-input{font-size:16px}.login-input-group{margin-bottom:14px}.login-form-subtitle{margin-bottom:16px}.login-options{margin-bottom:18px}.login-register-text{margin-top:18px}.login-alert{margin-bottom:14px;font-size:.88rem}.captcha-box-row{flex-wrap:nowrap;align-items:stretch}.captcha-box-image{min-width:0}.captcha-box-input{letter-spacing:.18em}}.login-flip-wrapper{perspective:1000px}.login-flip-wrapper,.login-flipper{width:100%;height:100%;position:relative}.login-flipper{transition:transform .6s;transform-style:preserve-3d}.login-flipper.flipped{transform:rotateY(180deg)}.login-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;top:0;left:0;display:flex;flex-direction:column;overflow-y:auto;background:#fff;padding:0}.login-face:after,.login-face:before{content:"";flex-grow:1;min-height:20px;flex-shrink:0}.login-front{z-index:2;transform:rotateY(0deg)}.login-back{transform:rotateY(180deg)}.login-back-title{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:8px;text-align:center}.login-back-subtitle{font-size:.9rem;color:#666;margin-bottom:24px;text-align:center}.login-back-btn{background:transparent;color:#666;border:none;cursor:pointer;margin-top:16px;text-decoration:underline;width:100%;font-size:.9rem}@media (max-width:768px){.login-flip-wrapper{height:auto;perspective:none}.login-flipper,.login-flipper.flipped{height:auto;transform:none!important;transform-style:flat}.login-back,.login-face,.login-front{position:static;width:100%;height:auto;min-height:0;padding:0;overflow:visible;backface-visibility:visible;transform:none!important;justify-content:flex-start}.login-back,.login-front{display:none}.login-flipper.flipped .login-back,.login-flipper:not(.flipped) .login-front{display:flex}}.login-page-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background-image:url(/dark-bg.png);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed}.login-page-card{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:2px solid rgba(249,115,22,.3);border-radius:20px;padding:40px;width:100%;max-width:450px;box-shadow:0 0 15px rgba(249,115,22,.1);color:#ffffff}@media (max-width:480px){.login-page-wrapper{padding:12px}.login-page-card{padding:24px 20px;border-radius:16px}}