.popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9999;overflow-y:auto;padding:20px}.popup-content{background:var(--background-light, white);color:var(--text-dark, black);max-width:400px;width:100%;margin:auto;padding:25px;border-radius:15px;position:relative;top:50%;transform:translateY(-50%);box-shadow:0 10px 30px #0003;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-60%)}to{opacity:1;transform:translateY(-50%)}}.popup-content h2{margin-bottom:20px;font-size:1.6rem;text-align:center}.popup-content input{width:100%;padding:12px;margin:8px 0;border:1px solid #ccc;border-radius:8px;background:var(--input-bg, #f9f9f9);color:var(--text-dark, black)}.input-wrapper{position:relative;width:100%}.input-wrapper>input{width:100%;padding-right:2.75rem;box-sizing:border-box}.toggle-password{position:absolute;top:75%;right:.5rem;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;font-size:1.2rem;line-height:1;color:#6c757d;padding:0;width:auto}.toggle-password:hover{background-color:transparent}.toggle-password:focus{outline:none}#resendCodeBtn{background:transparent;border:none;color:var(--primary-color, black);text-decoration:underline;cursor:pointer;width:auto;padding:0;margin-top:0}.popup-content button{width:100%;background-color:var(--primary-color, black);color:#fff;border:none;border-radius:8px;padding:12px;font-weight:700;margin-top:12px;cursor:pointer;transition:background .3s ease}.popup-content button:disabled{cursor:not-allowed;opacity:.9}.popup-content button.is-loading{display:inline-flex;align-items:center;justify-content:center;gap:8px}.popup-content .button-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;animation:poplogin-spin .7s linear infinite;flex-shrink:0}@keyframes poplogin-spin{to{transform:rotate(360deg)}}.popup-content .toggle-password{width:auto;background:transparent;margin-top:0;padding:0;font-size:1.2rem}.popup-content a{color:var(--primary-color, black);text-decoration:underline;font-weight:500}#loginMessage,#registerMessage{margin-top:10px;color:red;font-size:.9rem}#twoFactorMessage{color:var(--text-dark, #121212)}.bottom-links{text-align:center;margin-top:10px}.bottom-links a{margin:0 6px}.popup-content .close{position:absolute;top:12px;right:15px;font-size:22px;font-weight:700;cursor:pointer;color:var(--text-dark, black)}.popup-content+div{text-align:center;margin-top:10px}.popup-content+div img{width:90%;max-width:300px;cursor:pointer}.google-login{margin-top:15px;text-align:center}.google-login img{display:block;width:50%;max-width:280px;height:auto;cursor:pointer;border-radius:5px;margin:0 auto}.dark-mode .popup-content{background:var(--background-dark, #1e1e1e);color:var(--text-light, white);box-shadow:0 10px 30px #ffffff1a}.dark-mode .popup-content input{background:#333;color:#fff;border:1px solid #666}.dark-mode #resendCodeBtn{background:transparent;color:#fff}.dark-mode .popup-content button{background:#fff;color:#000}.dark-mode .popup-content button:hover{background:#ddd}.dark-mode .popup-content .close{color:#fff}.dark-mode #twoFactorMessage{color:#f8f8f8}@media screen and (max-width:480px){.popup-content{width:90%;padding:20px;transform:translateY(-45%)}.popup-content h2{font-size:1.4rem}.popup-content input,.popup-content button{font-size:1rem}}#codePopup.popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:10000;padding:20px}.swal2-container{z-index:11000!important}#codePopup .popup-content{background:var(--background-light, white);color:var(--text-dark, black);max-width:400px;width:100%;margin:auto;padding:25px;border-radius:15px;position:relative;top:50%;transform:translateY(-50%);box-shadow:0 10px 30px #0003;animation:fadeIn .3s ease-out}#codePopup h2{margin-bottom:20px;font-size:1.6rem;text-align:center}#codeInputs{display:flex;justify-content:space-between;gap:10px;margin:20px 0}.code-input{width:42px;height:50px;font-size:1.5rem;text-align:center;border:2px solid #ccc;border-radius:8px;background:var(--input-bg, #f9f9f9);color:var(--text-dark, black);transition:border-color .2s ease}.code-input:focus{border-color:var(--primary-color, black);outline:none}#twoFactorPopup .popup-content p{text-align:center;margin-bottom:14px}#twoFactorInputs{display:flex;justify-content:space-between;gap:10px;margin:18px 0}.two-factor-input{width:42px;height:50px;font-size:1.5rem;text-align:center;border:2px solid #ccc;border-radius:8px;background:var(--input-bg, #f9f9f9);color:var(--text-dark, black);transition:border-color .2s ease,box-shadow .2s ease}.two-factor-input:focus{border-color:var(--primary-color, black);box-shadow:0 0 0 3px #007bff26;outline:none}#codePopup button{width:100%;background-color:var(--primary-color, black);color:#fff;border:none;border-radius:8px;padding:12px;font-weight:700;cursor:pointer;transition:background .3s ease}#codePopup button:hover{background-color:#222}#codePopup #resendCodeBtn{width:auto;background:transparent;color:#000;font-weight:500;padding:6px 0;opacity:.7;text-decoration:underline}#codePopup #resendCodeBtn:hover{background:transparent;opacity:1}#codeMessage{margin-top:10px;text-align:center;font-size:.95rem}#codePopup .close{position:absolute;top:12px;right:15px;font-size:22px;font-weight:700;cursor:pointer;color:var(--text-dark, black)}.dark-mode #codePopup .popup-content{background:var(--background-dark, #1e1e1e);color:var(--text-light, white);box-shadow:0 10px 30px #ffffff1a}.dark-mode .code-input,.dark-mode .two-factor-input{background:#333;color:#fff;border:1px solid #666}.dark-mode #codePopup button{background:#fff;color:#000}.dark-mode #codePopup button:hover{background:#ddd}.dark-mode #codePopup #resendCodeBtn{background:transparent;color:var(--text-light, white)}.dark-mode #codePopup #resendCodeBtn:hover{background:transparent}.dark-mode #codePopup .close{color:#fff}@media screen and (max-width:480px){#codeInputs,#twoFactorInputs{justify-content:center;gap:8px}.code-input,.two-factor-input{width:42px;height:50px;font-size:1.3rem}#codePopup button{padding:10px;font-size:.95rem}#codePopup .popup-content{padding:20px;width:90%}}.invert-theme .popup-content{background:#1e1e1e;color:#f0f0f0;box-shadow:0 10px 30px #ffffff1a}.invert-theme .popup-content input{background:#333;color:#fff;border:1px solid #666}.invert-theme .popup-content button{background:#fff;color:#000}.invert-theme .popup-content button:hover{background:#ddd}.invert-theme .popup-content a{color:#66b2ff}.invert-theme .popup-content .close{color:#fff}.invert-theme #twoFactorMessage{color:#f0f0f0}.invert-theme .google-login img{filter:brightness(.9) contrast(1.2)}.invert-theme #codePopup .popup-content{background:#1e1e1e;color:#f0f0f0;box-shadow:0 10px 30px #ffffff1a}.invert-theme .code-input,.invert-theme .two-factor-input{background:#333;color:#fff;border:1px solid #666}.invert-theme #codePopup button{background:#fff;color:#000}.invert-theme #codePopup button:hover{background:#ddd}.invert-theme #codePopup .close,.invert-theme #codePopup #resendCodeBtn{color:#fff}.invert-theme #codeMessage{color:#ccc}#reportPopup textarea{width:94%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:8px;min-height:100px;resize:vertical}.dark-mode #reportPopup textarea{background:#2b2b2b;color:#f8f8f8;border-color:#555}.dark-mode #reportPopup textarea::-moz-placeholder{color:#cfcfcf}.dark-mode #reportPopup textarea::placeholder{color:#cfcfcf}#reportPopup button{width:100%;background-color:#e3342f;color:#fff;border:none;border-radius:8px;padding:12px;font-weight:700;cursor:pointer;transition:background .3s ease}#reportPopup button:hover{background-color:#cc1f1a}#reportPopup .close{position:absolute;top:12px;right:15px;font-size:22px;font-weight:700;cursor:pointer;color:var(--text-dark, black)}.invert-theme #reportPopup .close{color:#fff}@media screen and (max-width:480px){#reportPopup .popup-content{width:90%;padding:20px}}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}html{min-height:100%}body{background:linear-gradient(135deg,#fff,gray);display:flex;justify-content:center;align-items:center;min-height:100vh;height:auto;padding:clamp(16px,3vw,40px);overflow-x:hidden}#main-content{width:100%;display:flex;justify-content:center;align-items:center}.main-container{display:grid;grid-template-columns:minmax(280px,1fr) minmax(360px,1fr);width:min(1120px,100%);height:min(760px,calc(100vh - 48px));min-height:620px;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 15px 35px #0003}.left-section{min-width:0;background:url(/img/manager.webp) no-repeat center/cover}.right-section{min-width:0;display:flex;justify-content:center;align-items:center;padding:clamp(24px,4vw,56px);background:#fff;overflow-y:auto;overflow-x:hidden}.form-container{width:min(100%,430px);max-width:430px;padding:0;text-align:center;margin:0 auto}h2{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:15px}#step-indicator{font-size:14px;color:#7f8c8d;margin-bottom:15px}.progress-bar{width:100%;height:6px;background:#dfe6e9;border-radius:10px;overflow:hidden;margin-bottom:20px}.progress{height:100%;width:33%;background:linear-gradient(45deg,#000,gray);transition:width .4s ease-in-out}#password-strength{height:5px;width:0;background:red;transition:.3s}#password-text{color:#888}.form-step{display:none}.form-step.active{display:block;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.input-group{margin-bottom:20px;text-align:left}.input-group label{display:block;margin-bottom:5px;color:#2c3e50;font-size:14px;font-weight:500}.input-group input,.input-group select{width:100%;padding:12px;border:1px solid #bdc3c7;border-radius:8px;font-size:14px;transition:all .3s ease-in-out}.input-group input:focus,.input-group select:focus{border-color:#42a5f5;outline:none;box-shadow:0 0 8px #42a5f580}.input-group input::-moz-placeholder{color:#95a5a6;font-size:13px}.input-group input::placeholder{color:#95a5a6;font-size:13px}.btn-container{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:20px}.password-meter{width:100%;background-color:#eee;border-radius:5px;margin-top:5px}.btn{min-width:130px;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:700;transition:all .3s ease-in-out;background:linear-gradient(45deg,#000,gray);color:#fff;box-shadow:0 4px 10px #42a5f54d;transform:translateY(0)}.btn.is-loading{position:relative;pointer-events:none;opacity:.85}.btn.is-loading:after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);background-size:200% 100%;animation:loading-bar 1.1s linear infinite}.btn-secondary{background:#fff;color:#2c3e50;border:1px solid #d0d7de;box-shadow:none}.btn-secondary:hover{background:#f4f6f8}.social-panel{background:#f8f9fa;border:1px solid #e1e5ea;border-radius:12px;padding:16px;margin:20px 0 10px;text-align:center}.social-panel-title{font-weight:600;color:#2c3e50;margin-bottom:12px}.social-panel-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.social-panel .google-login img{width:min(191px,100%);max-width:100%;padding-bottom:0}.social-panel-hint{margin-top:12px;font-size:13px;color:#7f8c8d}.btn:hover{opacity:.9;transform:translateY(-2px)}.btn:active{transform:translateY(0)}@keyframes loading-bar{0%{background-position:200% 0}to{background-position:-200% 0}}.error{color:red;font-size:12px;display:none;margin-top:5px}.input-group.error input,.input-group.error select,.input-group.has-error input,.input-group.has-error select{border-color:red;background-color:#ffebee;animation:shake .3s ease-in-out}.input-group .error{display:none}.input-group.has-error .error{display:block}@keyframes shake{0%,to{transform:translate(0)}25%,75%{transform:translate(-5px)}50%{transform:translate(5px)}}@media(max-width:768px){body{align-items:flex-start;padding:16px}#main-content{align-items:flex-start}.main-container{grid-template-columns:1fr;width:min(100%,560px);height:auto;min-height:0;max-height:none}.left-section{min-height:clamp(150px,36vh,240px);background-position:center 24%}.right-section{padding:24px 18px 28px;overflow:visible}.form-container{width:100%;max-width:430px}.btn-container{flex-direction:column;gap:10px}.btn{width:100%}.input-group{margin-bottom:15px}}.form-container img{height:auto;max-width:100%;display:block;margin-left:auto;margin-right:auto}#register-logo{width:min(240px,70%);max-width:100%;height:auto;padding-bottom:0;margin-bottom:30px}@media(max-width:480px){body{padding:10px}.main-container{border-radius:12px}.left-section{min-height:135px}.right-section{padding:22px 16px 24px}h2{font-size:22px}#register-logo{width:min(210px,78%);margin-bottom:22px}}body.invert-theme{background:linear-gradient(135deg,#000,#333);color:#fff}.invert-theme .main-container{background:#1a1a1a;box-shadow:0 15px 35px #fff3}.invert-theme .right-section{background:#1a1a1a}.invert-theme h2,.invert-theme .input-group label{color:#fff}.invert-theme #step-indicator{color:#ccc}.invert-theme .form-container img{filter:invert(1)}.invert-theme .progress-bar{background:#333}.invert-theme .progress{background:linear-gradient(45deg,#fff,#777)}.invert-theme .input-group input,.invert-theme .input-group select{background-color:#111;border:1px solid #444444;color:#fff}.invert-theme .input-group input:focus,.invert-theme .input-group select:focus{border-color:#2563eb;box-shadow:0 0 8px #2563eb80}.invert-theme .btn{background:linear-gradient(45deg,#2563eb,#1e40af);color:#fff;box-shadow:0 4px 10px #2563eb4d}.invert-theme .btn-secondary{background:#111827;color:#fff;border-color:#374151}.invert-theme .btn-secondary:hover{background:#1f2937}.invert-theme .social-panel{background:#111;border-color:#2c2c2c}.invert-theme .social-panel-title,.invert-theme .social-panel-hint{color:#e5e7eb}