:root{--primary: #5369f8;--primary-dark: #4356d6;--secondary: #6c757d;--success: #1abc9c;--danger: #f1556c;--warning: #f7b84b;--info: #4fc6e1;--light: #f4f8fb;--dark: #323a46;--white: #ffffff;--gray: #98a6ad;--border: #e7ebf0;--sidebar-bg: #313a46;--sidebar-dark: #2c3440;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--header-height: 64px;--sidebar-width: 250px;--sidebar-collapsed-width: 70px;--card-primary: #6366f1;--card-primary-light: #e0e7ff;--card-success: #10b981;--card-success-light: #d1fae5;--card-warning: #f59e0b;--card-warning-light: #fef3c7;--card-danger: #ef4444;--card-danger-light: #fee2e2}[data-theme=dark]{--primary: #6b7cff;--primary-dark: #5a6bef;--secondary: #8b95a5;--success: #26d0b2;--danger: #ff6b85;--warning: #ffb547;--info: #5fd4f4;--light: #252830;--dark: #e4e6eb;--white: #1a1d23;--gray: #8b95a5;--border: #3a3f4b;--sidebar-bg: #1e2128;--sidebar-dark: #16181d;--body-bg: #1a1d23;--card-bg: #2c3138;--input-bg: #252830;--input-border: #3a3f4b;--text-primary: #e4e6eb;--text-secondary: #b8bcc8;--text-muted: #8b95a5;--hover-bg: #343942;--shadow: rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .35)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--light);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-container{max-width:480px;width:100%;background:var(--white);border-radius:0;box-shadow:0 8px 30px #00000014;border:1px solid var(--border);overflow:hidden}.auth-left{display:none}.auth-right{background:transparent;padding:50px 40px;display:flex;align-items:center;justify-content:center}.auth-form-container{width:100%}.auth-form-header{margin-bottom:40px;text-align:center}.auth-form-header h2{font-size:32px;font-weight:700;margin:0 0 10px;background:linear-gradient(135deg,#5369f8,#7c8fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-form-header p{font-size:15px;color:var(--gray);margin:0}.alert{display:flex;align-items:start;gap:12px;padding:15px 18px;border-radius:4px;margin-bottom:25px;font-size:14px;line-height:1.5}.alert i{font-size:18px;margin-top:2px}.alert-success{background:#1abc9c26;color:#2ecc71;border:1px solid rgba(26,188,156,.3)}.alert-error{background:#f1556c26;color:#ff6b81;border:1px solid rgba(241,85,108,.3)}.alert p{margin:0}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:var(--dark);display:flex;align-items:center;gap:8px}.form-group label i{color:var(--primary);font-size:14px}.form-control{width:100%;padding:14px 16px;font-size:15px;font-family:Nunito,sans-serif;border:2px solid var(--border);border-radius:4px;transition:all .3s ease;background:var(--white);color:var(--dark)}.form-control::placeholder{color:var(--gray)}.form-control:focus{outline:none;border-color:var(--primary);background:var(--white);box-shadow:0 0 0 4px #5369f81a}.form-control.is-invalid{border-color:var(--danger)}.form-control.is-invalid:focus{box-shadow:0 0 0 4px #f1556c1a}.invalid-feedback{font-size:13px;color:var(--danger);margin-top:4px}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-control{padding-right:45px}.btn-password-toggle{position:absolute;right:12px;background:none;border:none;color:var(--gray);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.btn-password-toggle:hover{color:var(--primary)}.btn-password-toggle i{font-size:16px}.form-group-inline{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkbox-custom{width:20px;height:20px;border:2px solid var(--border);border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:var(--white)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:var(--primary);border-color:var(--primary)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--white);font-size:11px}.checkbox-text{font-size:14px;color:var(--dark);font-weight:500}.btn{padding:14px 24px;font-size:15px;font-weight:600;font-family:Nunito,sans-serif;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}.btn-block{width:100%}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);box-shadow:0 4px 15px #5369f84d}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);box-shadow:0 6px 20px #5369f866;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn .spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--white);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-extra{margin-top:30px;padding-top:30px;border-top:1px solid var(--border)}.auth-help{display:flex;align-items:start;gap:10px;font-size:13px;color:var(--gray);line-height:1.6;text-align:center}.auth-help i{color:var(--info);margin-top:2px}[data-theme=dark] .auth-container{background:var(--card-bg);border-color:var(--border);box-shadow:0 8px 30px #0000004d}[data-theme=dark] .auth-form-header p{color:var(--text-muted)}[data-theme=dark] .form-group label{color:var(--text-primary)}[data-theme=dark] .form-control{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}[data-theme=dark] .form-control::placeholder{color:var(--text-muted)}[data-theme=dark] .form-control:focus{background:var(--input-bg);border-color:var(--primary)}[data-theme=dark] .checkbox-custom{background:var(--input-bg);border-color:var(--input-border)}[data-theme=dark] .checkbox-text{color:var(--text-primary)}[data-theme=dark] .auth-extra{border-top-color:var(--border)}[data-theme=dark] .auth-help{color:var(--text-muted)}@media(max-width:576px){body{padding:10px}.auth-container{border-radius:15px}.auth-right{padding:40px 25px}.auth-form-header h2{font-size:26px}.auth-form-header p{font-size:14px}}