:root{--primary-orange:#f97316;--primary-orange-hover:#ea580c;--primary-orange-light:#fff7ed;--secondary-navy:#1e3a5f;--secondary-navy-dark:#0f172a;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151}.login-container{display:flex;min-height:100vh;background:linear-gradient(135deg,var(--secondary-navy) 0,var(--secondary-navy-dark) 100%);padding:16px}.login-card{background:var(--white);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.3);width:100%;max-width:450px;padding:32px 24px;margin:auto}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:1.75rem;font-weight:800;color:var(--secondary-navy);margin:0 0 8px}.login-header h1:after{content:"";display:block;width:60px;height:4px;background:var(--primary-orange);margin:12px auto 0;border-radius:2px}.login-header p{color:var(--gray-500);margin:0;font-size:.9375rem}.auth-tabs{display:flex;gap:0;margin-bottom:32px;border-bottom:2px solid var(--gray-200)}.tab-link{flex:1 1;padding:14px 12px;text-align:center;font-size:.875rem;font-weight:600;color:var(--gray-400);text-decoration:none;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .3s ease}.tab-link.active,.tab-link:hover{color:var(--primary-orange)}.tab-link.active{border-bottom-color:var(--primary-orange)}.login-form{gap:24px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-weight:600;color:var(--secondary-navy);font-size:.875rem}.form-group input,.form-group select{padding:14px 16px;border:2px solid var(--gray-200);border-radius:10px;font-size:1rem;transition:all .3s ease;background-color:var(--white)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 4px rgba(249,115,22,.1)}.form-group input::placeholder{color:var(--gray-400)}.form-group small{font-size:.75rem;color:var(--gray-500)}.error-message{background-color:#fef2f2;color:#dc2626;border-left:4px solid #dc2626}.error-message,.success-message{padding:14px 16px;border-radius:10px;font-size:.875rem}.success-message{background-color:#f0fdf4;color:#16a34a;border-left:4px solid #16a34a;margin-bottom:24px}.login-button{padding:16px;background:var(--primary-orange);color:var(--white);border:none;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.login-button:hover:not(:disabled){background:var(--primary-orange-hover);transform:translateY(-2px);box-shadow:0 8px 25px rgba(249,115,22,.35)}.login-button:disabled{opacity:.6;cursor:not-allowed}.auth-footer{margin-top:24px;padding-top:24px;border-top:1px solid var(--gray-200);text-align:center}.auth-footer p{margin:0 0 8px;color:var(--gray-500);font-size:.875rem}.auth-link{color:var(--primary-orange);text-decoration:none;font-weight:600;font-size:.875rem;transition:color .3s ease}.auth-link:hover{color:var(--primary-orange-hover);text-decoration:underline}.info-box{margin-top:24px;padding:16px;background-color:var(--primary-orange-light);border-radius:10px;border-left:4px solid var(--primary-orange)}.info-box p{margin:8px 0;color:var(--secondary-navy);font-size:.8125rem;line-height:1.6}.info-box strong{color:var(--primary-orange);margin-right:6px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.role-select-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.role-option{position:relative}.role-option input{position:absolute;opacity:0;width:0;height:0}.role-option label{display:flex;flex-direction:column;align-items:center;padding:16px;border:2px solid var(--gray-200);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center}.role-option input:checked+label,.role-option label:hover{border-color:var(--primary-orange);background-color:var(--primary-orange-light)}.role-option .role-icon{width:40px;height:40px;margin-bottom:8px;color:var(--secondary-navy)}.role-option input:checked+label .role-icon{color:var(--primary-orange)}.role-option .role-name{font-weight:600;font-size:.875rem;color:var(--secondary-navy)}.back-home{position:absolute;top:24px;left:24px;display:flex;align-items:center;gap:8px;color:var(--white);text-decoration:none;font-weight:500;font-size:.875rem;opacity:.8;transition:opacity .3s ease}.back-home:hover{opacity:1}.back-home svg{width:20px;height:20px}@media (max-width:600px){.login-card{max-width:100%;padding:32px 24px;margin:20px;border-radius:12px}.login-header h1{font-size:1.5rem}.form-row,.role-select-grid{grid-template-columns:1fr}}@media (min-width:1024px){.login-container.split-layout{display:grid;grid-template-columns:1fr 1fr}.login-container.split-layout .auth-left{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px;background:linear-gradient(135deg,var(--secondary-navy) 0,var(--secondary-navy-dark) 100%);color:var(--white);text-align:center}.login-container.split-layout .auth-left .logo{font-size:2rem;font-weight:800;margin-bottom:40px}.login-container.split-layout .auth-left .logo span{color:var(--primary-orange)}.login-container.split-layout .auth-left h2{font-size:2rem;margin-bottom:16px;color:var(--white)}.login-container.split-layout .auth-left p{color:hsla(0,0%,100%,.7);font-size:1rem;max-width:400px}.login-container.split-layout .auth-right{display:flex;align-items:center;justify-content:center;padding:60px;background:var(--white)}.login-container.split-layout .login-card{box-shadow:none;padding:0;max-width:400px}}.loading-spinner{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-top:2px solid var(--white);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background:var(--white);border-radius:16px;padding:32px 24px;max-width:450px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3)}.temp-password-box{background:var(--primary-orange-light);border:2px solid var(--primary-orange);border-radius:12px;padding:20px;text-align:center;margin:16px 0}.temp-password-box code{display:block;font-size:1.5rem;font-weight:700;color:var(--secondary-navy);letter-spacing:2px;margin:8px 0 12px}.temp-password-box .copy-btn{padding:8px 16px;background:var(--primary-orange);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .3s ease}.temp-password-box .copy-btn:hover{background:var(--primary-orange-hover)}.temp-password-warning{color:#dc2626;font-size:.8125rem;font-weight:500;margin-top:12px}.reg-card{max-width:540px}.reg-section-label{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400);margin:0;padding-bottom:4px;border-bottom:1px solid var(--gray-200)}.reg-label-hint{font-weight:400;color:var(--gray-500);font-size:.8125rem}.pw-wrap{position:relative;display:flex;align-items:center}.pw-wrap input{width:100%;padding-right:44px!important}.pw-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;color:var(--gray-400);transition:color .2s}.pw-toggle:hover{color:var(--secondary-navy)}.pw-toggle svg{width:18px;height:18px}.pw-mismatch{font-size:.75rem;color:#dc2626;font-weight:500}.pw-match{font-size:.75rem;color:#16a34a;font-weight:600}.reg-terms-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.reg-terms-checkbox{width:18px!important;height:18px!important;min-width:18px;min-height:18px;border:2px solid var(--gray-200)!important;border-radius:4px!important;margin-top:1px;accent-color:var(--primary-orange);cursor:pointer;padding:0!important}.reg-terms-text{font-size:.875rem;color:var(--gray-600);line-height:1.5}.reg-success-icon{width:72px;height:72px;background:#f0fdf4;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:8px auto 24px;border:3px solid #16a34a;animation:pop-in .4s cubic-bezier(.34,1.56,.64,1) both}.reg-success-icon svg{width:36px;height:36px;stroke:#16a34a}.reg-success-title{font-size:1.375rem;font-weight:800;color:var(--secondary-navy);margin:0 0 10px}.reg-success-sub{font-size:.9375rem;color:var(--gray-500);line-height:1.6;margin:0 0 28px}.reg-success-bar{height:5px;background:var(--gray-200);border-radius:99px;overflow:hidden}.reg-success-bar-fill{height:100%;background:var(--primary-orange);border-radius:99px;animation:progress-fill 2.2s linear forwards}@keyframes pop-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes progress-fill{0%{width:0}to{width:100%}}