:root{--primary:#3b7ddd;--primary-dark:#2f65b8;--primary-light:#5a94e8;--secondary:#6c757d;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--info:#17a2b8;--dark:#1e2125;--dark-alt:#2a2f34;--sidebar-bg:#222e3c;--sidebar-hover:#2c3e50;--body-bg:#f5f7fb;--white:#fff;--text-primary:#495057;--text-secondary:#6c757d;--text-muted:#95aac9;--text-light:#dee2e6;--shadow-sm:0 .125rem .25rem rgba(0,0,0,.075);--shadow:0 .5rem 1rem rgba(0,0,0,.1);--shadow-lg:0 1rem 3rem rgba(0,0,0,.175);--border-color:#dee2e6;--border-radius:.375rem;--border-radius-lg:.5rem;--transition:all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:.9375rem;line-height:1.5;color:var(--text-primary);background-color:var(--body-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--dark);margin-bottom:.75rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}.lead{font-size:1.125rem;font-weight:300;color:var(--text-secondary)}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-dark);text-decoration:none}.btn{display:inline-block;font-weight:500;text-align:center;vertical-align:middle;cursor:pointer;border:1px solid transparent;padding:.5rem 1rem;font-size:.9375rem;line-height:1.5;border-radius:var(--border-radius);transition:var(--transition);text-decoration:none}.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(59,125,221,.25)}.btn-primary{color:var(--white);background-color:var(--primary);border-color:var(--primary)}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px rgba(59,125,221,.3)}.btn-outline-secondary{color:var(--secondary);border-color:var(--secondary);background-color:transparent}.btn-outline-secondary:hover{color:var(--white);background-color:var(--secondary);border-color:var(--secondary)}.btn-lg{padding:.75rem 1.5rem;font-size:1.125rem;border-radius:var(--border-radius-lg)}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:var(--white);background-clip:border-box;border:1px solid rgba(0,0,0,.05);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition)}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card-body{flex:1 1 auto;padding:1.5rem}.card-title{margin-bottom:1rem;font-size:1.125rem;font-weight:600;color:var(--dark)}.card-header{padding:1rem 1.5rem;margin-bottom:0;background-color:rgba(0,0,0,.02);border-bottom:1px solid rgba(0,0,0,.05);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.form-label{display:inline-block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary);font-size:.875rem}.form-control{display:block;width:100%;padding:.625rem .875rem;font-size:.9375rem;font-weight:400;line-height:1.5;color:var(--text-primary);background-color:var(--white);background-clip:padding-box;border:1px solid var(--border-color);border-radius:var(--border-radius);transition:border-color .15s ease-in-out , box-shadow .15s ease-in-out}.form-control:focus{color:var(--text-primary);background-color:var(--white);border-color:var(--primary-light);outline:0;box-shadow:0 0 0 .2rem rgba(59,125,221,.15)}.form-control::placeholder{color:var(--text-muted);opacity:1}.alert{position:relative;padding:.875rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:var(--border-radius);font-size:.9375rem}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeaa7}.text-center{text-align:center}.text-muted{color:var(--text-muted)!important}.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.me-2{margin-right:.5rem!important}.w-100{width:100%!important}.d-flex{display:flex!important}.flex-column{flex-direction:column!important}.align-items-center{align-items:center!important}.justify-content-center{justify-content:center!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow{box-shadow:var(--shadow)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--body-bg)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}.fade-in{animation:fadeIn .4s ease-out}@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}.slide-in-left{animation:slideInLeft .4s ease-out}.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:relative;overflow:hidden}.auth-wrapper::before{content:'';position:absolute;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:backgroundScroll 20s linear infinite}@keyframes backgroundScroll {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(50px, 50px);
  }
}.auth-container{width:100%;max-width:420px;padding:1rem;position:relative;z-index:1}.auth-card{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:0 20px 60px rgba(0,0,0,.3);padding:2.5rem;position:relative;overflow:hidden;animation:fadeInUp .5s ease-out}@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}.auth-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%)}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{width:60px;height:60px;margin:0 auto 1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.75rem;font-weight:bold;box-shadow:0 4px 15px rgba(59,125,221,.4)}.auth-header h2{font-size:1.75rem;font-weight:700;color:var(--dark);margin-bottom:.5rem}.auth-header p{color:var(--text-secondary);font-size:.9375rem;margin:0}.auth-form{margin-bottom:1.5rem}.auth-form .form-group{margin-bottom:1.25rem;position:relative}.auth-form .form-label{font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;display:block}.auth-form .form-control{padding:.75rem 1rem;font-size:.9375rem;border:2px solid var(--border-color);border-radius:var(--border-radius);transition:all .3s ease}.auth-form .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(59,125,221,.15);background-color:#fafbfc}.auth-form .form-control.is-invalid{border-color:var(--danger)}.auth-form .form-control.is-invalid:focus{border-color:var(--danger);box-shadow:0 0 0 .2rem rgba(220,53,69,.15)}.input-icon-wrapper{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.input-icon-wrapper .form-control{padding-left:2.75rem}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;transition:var(--transition)}.password-toggle:hover{color:var(--primary)}.form-check{display:flex;align-items:center;margin-bottom:1rem}.form-check-input{width:1.25rem;height:1.25rem;margin-right:.5rem;cursor:pointer;border:2px solid var(--border-color);border-radius:.25rem}.form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.form-check-label{color:var(--text-secondary);font-size:.875rem;cursor:pointer;user-select:none}.auth-submit{width:100%;padding:.875rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:none;color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(59,125,221,.3)}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,125,221,.4)}.auth-submit:active{transform:translateY(0)}.auth-submit.loading{position:relative;color:transparent;pointer-events:none}.auth-submit.loading::after{content:'';position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin {
  to { transform: rotate(360deg); }
}.auth-divider{position:relative;text-align:center;margin:1.5rem 0}.auth-divider::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color)}.auth-divider span{position:relative;background:var(--white);padding:0 1rem;color:var(--text-muted);font-size:.875rem}.social-login{display:flex;gap:1rem;margin-top:1rem}.social-btn{flex:1;padding:.75rem;border:2px solid var(--border-color);background:#fff;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500}.social-btn:hover{border-color:var(--primary);background:rgba(59,125,221,.05)}.auth-footer{text-align:center;padding-top:1.5rem;border-top:1px solid var(--border-color)}.auth-footer p{color:var(--text-secondary);font-size:.9375rem;margin:0}.auth-footer a{color:var(--primary);font-weight:600;text-decoration:none;transition:var(--transition)}.auth-footer a:hover{color:var(--primary-dark);text-decoration:underline}.auth-alert{margin-bottom:1.5rem;padding:1rem;border-radius:var(--border-radius);font-size:.875rem;animation:slideDown .3s ease-out}@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}.auth-alert.alert-danger{background-color:#fee;border-left:4px solid var(--danger);color:#c62828}.auth-alert.alert-success{background-color:#e8f5e9;border-left:4px solid var(--success);color:#2e7d32}.auth-alert ul{margin:0;padding-left:1.25rem}.auth-alert li{margin-bottom:.25rem}.auth-alert li:last-child{margin-bottom:0}.forgot-password{text-align:right;margin-top:.5rem}.forgot-password a{color:var(--primary);font-size:.875rem;text-decoration:none}.forgot-password a:hover{text-decoration:underline}@media (max-width:575px){.auth-card{padding:1.5rem}.auth-header h2{font-size:1.5rem}.social-login{flex-direction:column}}@media (prefers-color-scheme:dark){.auth-card{background:var(--dark-alt)}.auth-header h2{color:var(--white)}.auth-divider span{background:var(--dark-alt)}.form-control{background-color:var(--dark);border-color:rgba(255,255,255,.1);color:var(--white)}.form-control:focus{background-color:var(--dark)}.social-btn{background:var(--dark);border-color:rgba(255,255,255,.1)}}