:root{--primary-color: #0d6efd;--secondary-color: #6c757d;--success-color: #198754;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #0dcaf0;--light-color: #f8f9fa;--dark-color: #212529;--font-family: "Inter", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);line-height:1.6;color:var(--dark-color);background-color:var(--light-color)}.App{min-height:100vh}.card{border-radius:12px;transition:all .3s ease}.card:hover{transform:translateY(-2px)}.card-header{border-radius:12px 12px 0 0!important}.btn{border-radius:8px;font-weight:500;transition:all .3s ease}.btn:hover{transform:translateY(-1px)}.form-control{border-radius:8px;border:1px solid #e0e0e0;padding:.75rem 1rem;transition:all .3s ease}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem #0d6efd40}.input-group-text{border-radius:8px 0 0 8px;border:1px solid #e0e0e0;background-color:#f8f9fa;color:var(--secondary-color)}.company-logo{transition:all .3s ease}.company-logo:hover{transform:scale(1.05)}.company-logo img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.bg-dark .company-logo img{filter:drop-shadow(0 2px 4px rgba(255,255,255,.1))}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1030;position:relative}.navbar-brand{font-weight:600;font-size:1.25rem}.bg-dark{background:linear-gradient(135deg,#1a1a2e,#16213e)!important}.nav-link{padding:.75rem 1rem;margin-bottom:.25rem;border-radius:8px;transition:all .3s ease}.nav-link:hover{background-color:#ffffff1a;transform:translate(2px)}.nav-link.active{background-color:#fff3;font-weight:500}.card-body{padding:1.5rem}.card-body h3{font-weight:700;color:var(--dark-color)}.card-body h6{font-size:.75rem;font-weight:600;letter-spacing:.5px}.alert{border-radius:8px;border:none;font-weight:500}.badge{border-radius:6px;font-weight:500}.modal-content{border-radius:12px;border:none;box-shadow:0 10px 30px #0003}.modal-header{border-bottom:1px solid #e0e0e0;padding:1.5rem}.modal-body{padding:1.5rem}.spinner-border{color:var(--primary-color)}@media (max-width: 768px){.card-body{padding:1rem}.navbar-brand{font-size:1rem}.modal-dialog{margin:1rem}}.text-primary-custom{color:var(--primary-color)!important}.bg-primary-custom{background-color:var(--primary-color)!important}.shadow-custom{box-shadow:0 4px 6px #0000001a!important}.min-vh-100{min-height:100vh}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-in-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dashboard-container{min-height:100vh;background-color:#f8f9fa}.dashboard-container .navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a}.dashboard-container .nav-link{color:#6c757d!important;padding:12px 16px;border-radius:8px;margin-bottom:4px;transition:all .3s ease;text-decoration:none;font-weight:500}.dashboard-container .nav-link:hover{background-color:#e9ecef;color:#495057!important;transform:translate(2px)}.dashboard-container .nav-link.active,.dashboard-container .sidebar-nav-link.active{background-color:var(--primary-color);color:#fff!important;box-shadow:0 4px 12px #0d6efd4d}.dashboard-container .sidebar-nav-link.active span,.dashboard-container .sidebar-nav-link.active i{color:#fff!important}.dashboard-container .card{border:none;border-radius:12px;box-shadow:0 4px 6px #0000000d;transition:all .3s ease}.dashboard-container .card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.dashboard-container .card-header{background:#fff!important;border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0!important;padding:1.5rem}.dashboard-container .card-body{padding:1.5rem}.dashboard-container .stats-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.dashboard-container .stats-card .card-body{position:relative;overflow:hidden}.dashboard-container .stats-card .card-body:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:#ffffff1a;border-radius:50%;transform:translate(30px,-30px)}.dashboard-container .table{border-radius:8px;overflow:hidden}.dashboard-container .table thead th{background-color:#f8f9fa;border:none;color:#6c757d;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;padding:1rem}.dashboard-container .table tbody td{padding:1rem;border-color:#e9ecef;vertical-align:middle}.dashboard-container .table-hover tbody tr:hover{background-color:#f8f9fa}.dashboard-container .badge{font-size:.75rem;font-weight:500;padding:.5rem .75rem;border-radius:6px}.dashboard-container .btn{border-radius:8px;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.dashboard-container .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.dashboard-container .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.dashboard-container .btn-outline-primary{border-color:#667eea;color:#667eea}.dashboard-container .btn-outline-primary:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.dashboard-container .sidebar{background:#fff;box-shadow:2px 0 10px #0000000d;min-height:calc(100vh - 50px)}.dashboard-container .content-area{background:#f8f9fa;min-height:calc(100vh - 50px)}.sidebar-container{transition:all .3s ease;overflow:hidden}.sidebar-container.collapsed{width:80px!important;min-width:80px!important}.sidebar-nav-link{color:#6c757d!important;padding:12px 16px;border-radius:8px;margin-bottom:4px;transition:all .3s ease;text-decoration:none;font-weight:500;display:flex;align-items:center;white-space:nowrap}.sidebar-nav-link:hover{background-color:#e9ecef;color:#495057!important;transform:translate(1px)}.sidebar-nav-link.active{background-color:var(--primary-color)!important;color:#fff!important;box-shadow:0 4px 12px #0d6efd4d}.sidebar-nav-link.active span,.sidebar-nav-link.active i{color:#fff!important}.sidebar-nav-link i{width:20px;text-align:center}@media (max-width: 768px){.dashboard-container .nav-link,.dashboard-container .sidebar-nav-link{padding:10px 12px}.dashboard-container .card-body{padding:1rem}.dashboard-container .nav-link:hover,.dashboard-container .sidebar-nav-link:hover{transform:none}.sidebar-container{overflow:visible}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-container .stats-number{animation:countUp .8s ease-out}.dashboard-container .dropdown-menu{border:none;box-shadow:0 10px 30px #0000001a;border-radius:8px;padding:.5rem 0;z-index:1050;position:absolute}.dashboard-container .dropdown-item{padding:.75rem 1.5rem;transition:all .3s ease}.dashboard-container .dropdown-item:hover{background-color:#f8f9fa;transform:translate(2px)}.slot-locked-out{position:relative}.slot-locked-out:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(220,53,69,.1) 10px,rgba(220,53,69,.1) 20px);pointer-events:none;z-index:1}.slot-locked-out .position-absolute{z-index:2}.maintenance-controls{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-radius:8px;padding:1rem;margin-bottom:1rem}.maintenance-controls .btn{transition:all .3s ease}.maintenance-controls .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.pulse-animation{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.notification-toast{animation:slideInRight .3s ease-in-out}.notification-toast.dismissing{animation:slideOutRight .3s ease-in-out;pointer-events:none}