:root{--color-primary:#c5a02d;--color-secondary:#1a252f;--color-accent:#d4af37;--color-bg-main:#fcfcfc;--color-bg-sidebar:#121920;--color-bg-card:#ffffff;--color-border:#eef1f4;--color-text-main:#2c3e50;--color-text-muted:#7f8c8d;--color-white:#ffffff;--color-success:#27ae60;--color-warning:#f39c12;--color-danger:#e74c3c;--spacing-main:2.4rem;--radius-lg:12px;--radius-md:8px;--shadow-card:0 4px 20px rgba(0, 0, 0, 0.04)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{font-family:Montserrat,sans-serif;font-size:1.4rem;color:var(--color-text-main);background-color:var(--color-bg-main);height:100vh;overflow:hidden}.login-container{display:flex;height:100vh;width:100vw}.login-left{flex:1;background:linear-gradient(135deg,var(--color-secondary),var(--color-bg-sidebar));color:var(--color-white);display:flex;align-items:center;justify-content:center;padding:var(--spacing-main)}.login-branding{max-width:45rem}.logo-section{margin-bottom:4rem}.logo-section h1{font-family:Cormorant,serif;font-size:3.5rem;letter-spacing:.5rem;color:var(--color-white);margin-bottom:1rem}.logo-divider{width:4rem;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));margin:1.5rem 0}.logo-section p{font-size:1.2rem;letter-spacing:.3rem;color:var(--color-primary);font-weight:600}.branding-text{margin-top:4rem}.branding-text h2{font-family:"Playfair Display",serif;font-size:3.2rem;margin-bottom:1.5rem;line-height:1.2}.branding-text p{font-size:1.4rem;color:rgba(255,255,255,.7);line-height:1.6}.login-right{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-main);background-color:var(--color-bg-main)}.login-form-wrapper{width:100%;max-width:45rem}.form-header{margin-bottom:3rem}.form-header h3{font-family:"Playfair Display",serif;font-size:2.8rem;color:var(--color-secondary);margin-bottom:.8rem}.form-header p{font-size:1.3rem;color:var(--color-text-muted)}.form-group,.login-form{margin-bottom:2rem}.form-group label{display:block;font-size:1.2rem;font-weight:600;color:var(--color-text-main);margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.05rem}.input-wrapper{position:relative;display:flex;align-items:center;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:.3s;overflow:hidden}.input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(197,160,45,.1)}.input-wrapper i{padding:0 1.5rem;color:var(--color-primary);font-size:1.6rem}.input-wrapper input{flex:1;padding:1.3rem 0;border:none;outline:0;background:0 0;font-family:inherit;font-size:1.4rem;color:var(--color-text-main)}.input-wrapper input::placeholder{color:var(--color-text-muted)}.toggle-password{background:0 0;border:none;color:var(--color-text-muted);cursor:pointer;padding:0 1.5rem;font-size:1.6rem;transition:color .3s}.toggle-password:hover{color:var(--color-primary)}.form-error{display:block;font-size:1.1rem;color:var(--color-danger);margin-top:.5rem;min-height:1.5rem}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;font-size:1.2rem}.remember-me{display:flex;align-items:center;gap:.8rem;cursor:pointer;color:var(--color-text-main)}.remember-me input[type=checkbox]{width:1.8rem;height:1.8rem;cursor:pointer;accent-color:var(--color-primary)}.forgot-password{text-decoration:none;color:var(--color-primary);transition:color .3s}.forgot-password:hover{color:var(--color-accent);text-decoration:underline}.login-btn{width:100%;padding:1.4rem;background:linear-gradient(135deg,var(--color-secondary),var(--color-bg-sidebar));color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:1.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:1rem;transition:.3s;text-transform:uppercase;letter-spacing:.1rem}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(197,160,45,.2)}.login-btn:active{transform:translateY(0)}.login-btn i{font-size:1.4rem;transition:transform .3s}.login-btn:hover i{transform:translateX(4px)}.login-footer{text-align:center;padding-top:1.5rem;border-top:1px solid var(--color-border)}.login-footer p{font-size:1.2rem;color:var(--color-text-muted)}.contact-link{color:var(--color-primary);text-decoration:none;transition:color .3s}.contact-link:hover{color:var(--color-accent);text-decoration:underline}@media (max-width:1024px){.login-container{flex-direction:column}.login-left{min-height:35vh;padding:var(--spacing-main) 2rem;justify-content:flex-start;padding-top:4rem}.login-right{min-height:65vh;padding:2rem}.branding-text h2{font-size:2.4rem}.branding-text p{font-size:1.2rem}.logo-section h1{font-size:2.4rem}}@media (max-width:768px){html{font-size:55%}.login-left{min-height:30vh;padding:2rem 1.5rem}.logo-section{margin-bottom:2rem}.branding-text{margin-top:2rem}.branding-text h2{font-size:2rem}.form-header h3{font-size:2.2rem}.login-form-wrapper{max-width:100%}.form-options{flex-direction:column;align-items:flex-start;gap:1rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.modal-overlay.active{opacity:1;visibility:visible}.modal-container{background:var(--color-white);border-radius:var(--radius-lg);max-width:50rem;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:scale(.95);transition:transform .3s}.modal-overlay.active .modal-container{transform:scale(1)}.modal-close{position:absolute;top:2rem;right:2rem;background:0 0;border:none;font-size:2rem;color:var(--color-text-muted);cursor:pointer;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.2s}.modal-close:hover{background:var(--color-border);color:var(--color-text-main)}.modal-content{padding:4rem 3rem;text-align:center}.modal-icon{width:8rem;height:8rem;margin:0 auto 2rem;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--color-white)}.modal-content h3{font-family:"Playfair Display",serif;font-size:2.8rem;color:var(--color-text-main);margin-bottom:1rem}.modal-content p{color:var(--color-text-muted);font-size:1.4rem;line-height:1.6;margin-bottom:2.5rem}.forgot-form{margin-top:3rem}.forgot-form .form-group{margin-bottom:2rem;text-align:left}.reset-btn{width:100%;padding:1.5rem 2.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:1.5rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:1rem;cursor:pointer;transition:.3s}.reset-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(197,160,45,.3)}.reset-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.back-to-login{width:100%;padding:1.2rem 2rem;background:0 0;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1.4rem;display:flex;align-items:center;justify-content:center;gap:1rem;cursor:pointer;margin-top:1rem;transition:.2s}.back-to-login:hover{border-color:var(--color-primary);color:var(--color-primary)}.reset-success{padding:3rem 2rem}.reset-success i{font-size:6rem;color:var(--color-success);margin-bottom:2rem}.reset-success h4{font-family:"Playfair Display",serif;font-size:2.4rem;color:var(--color-text-main);margin-bottom:1rem}.reset-success p{color:var(--color-text-muted);font-size:1.4rem}.admin-notification-container{position:fixed;top:2rem;right:2rem;z-index:10000;max-width:40rem;display:flex;flex-direction:column;gap:1rem}.admin-notification{background:var(--color-white);border-radius:var(--radius-md);padding:1.5rem 2rem;box-shadow:0 8px 24px rgba(0,0,0,.15);display:flex;align-items:center;gap:1.2rem;min-width:30rem;opacity:0;transform:translateX(40rem);transition:.3s;border-left:4px solid}.admin-notification.show{opacity:1;transform:translateX(0)}.admin-notification i{font-size:2rem;flex-shrink:0}.notification-message{flex:1;font-size:1.4rem;color:var(--color-text-main);line-height:1.5}.notification-close{background:0 0;border:none;color:var(--color-text-muted);font-size:1.6rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.2s;width:2.8rem;height:2.8rem;flex-shrink:0}.notification-close:hover{background:var(--color-border);color:var(--color-text-main)}.admin-notification-success{border-left-color:var(--color-success)}.admin-notification-success i{color:var(--color-success)}.admin-notification-error{border-left-color:var(--color-danger)}.admin-notification-error i{color:var(--color-danger)}.admin-notification-warning{border-left-color:var(--color-warning)}.admin-notification-warning i{color:var(--color-warning)}.admin-notification-info{border-left-color:var(--color-primary)}.admin-notification-info i{color:var(--color-primary)}.mfa-form{margin-top:3rem}.mfa-form .input-wrapper input{text-align:center;font-size:2rem;letter-spacing:.8rem;font-weight:600;font-family:'Courier New',monospace}.verify-btn{width:100%;padding:1.4rem 2rem;background:linear-gradient(135deg,#28a745 0,#20c997 100%);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:1.5rem;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:1rem;transition:.3s;margin-bottom:1.5rem}.verify-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(40,167,69,.3)}.verify-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}#mfaModal .modal-icon{background:linear-gradient(135deg,#28a745 0,#20c997 100%)}@media (max-width:768px){.modal-content{padding:3rem 2rem}.modal-icon{width:6rem;height:6rem;font-size:2.4rem}.modal-content h3{font-size:2.2rem}.admin-notification-container{right:1rem;left:1rem;max-width:none}.admin-notification{min-width:auto}.mfa-form .input-wrapper input{font-size:1.8rem;letter-spacing:.6rem}}