.navbar{position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,0.08);background-color:#1a1a2e;border-bottom:3px solid #ff6b6b}.navbar .navbar-brand{font-size:1.25rem;font-weight:700;letter-spacing:0.5px;color:#ffffff;display:flex;align-items:center;gap:0.75rem}.navbar .navbar-brand img{width:40px;height:40px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.navbar .navbar-brand:hover{opacity:0.9}.navbar .navbar-nav{gap:0.25rem}.navbar .navbar-nav .nav-link{color:#e0e0e0 !important;font-weight:500;padding:0.75rem 1rem !important;transition:all 200ms ease;border-radius:6px;position:relative;white-space:nowrap}.navbar .navbar-nav .nav-link:hover{background-color:rgba(255,107,107,0.1);color:#ffffff !important}.navbar .navbar-nav .nav-link:focus{outline:2px solid #ff6b6b;outline-offset:2px}.navbar .navbar-nav .nav-link.active{background-color:rgba(255,107,107,0.2);color:#ff6b6b}.navbar .navbar-nav .nav-primary{font-weight:600}.navbar .navbar-nav .dropdown-toggle::after{border:none;font-size:0.75rem;margin-left:0.5rem}.navbar .dropdown-menu{background-color:#2a2a3e;border:1px solid #404050;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.3);min-width:220px}.navbar .dropdown-menu .dropdown-item{color:#e0e0e0;padding:0.75rem 1rem;transition:all 150ms ease}.navbar .dropdown-menu .dropdown-item:hover{background-color:rgba(255,107,107,0.15);color:#ffffff}.navbar .dropdown-menu .dropdown-item.active{background-color:rgba(255,107,107,0.2);color:#ff6b6b}.navbar .dropdown-menu .dropdown-divider{border-color:#404050}.navbar .nav-signup{background:linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%);color:#ffffff !important;font-weight:600;border-radius:6px;padding:0.75rem 1.25rem !important}.navbar .nav-signup:hover{opacity:0.9;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,107,107,0.3)}.navbar .navbar-toggler{border:none;padding:0.5rem 0.75rem}.navbar .navbar-toggler:focus{box-shadow:none;outline:2px solid #ff6b6b}.navbar .navbar-toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}@media (max-width: 991px){.navbar .navbar-nav{gap:0;margin-top:1rem}.navbar .nav-link{padding:0.875rem 1rem !important;border-radius:0}.navbar .nav-signup{margin-top:0.75rem;display:inline-block}}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;line-height:1.2}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa}.btn{font-weight:600;border-radius:8px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;transition:all 200ms ease;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.btn:focus{outline:2px solid #0066FF;outline-offset:2px}.btn:disabled{opacity:0.6;cursor:not-allowed}.btn.btn-primary{background:linear-gradient(135deg, #06f 0%, #0052CC 100%);color:white;border:none}.btn.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, #0052CC 0%, #003d99 100%)}.btn.btn-success{background:linear-gradient(135deg, #22C55E 0%, #16A34A 100%);color:white;border:none}.btn.btn-success:hover:not(:disabled){background:linear-gradient(135deg, #16A34A 0%, #15803D 100%)}.btn.btn-danger{background:linear-gradient(135deg, #EF4444 0%, #DC2626 100%);color:white;border:none}.btn.btn-danger:hover:not(:disabled){background:linear-gradient(135deg, #DC2626 0%, #B91C1C 100%)}.btn.btn-sm{min-height:36px;padding:0.5rem 1rem;font-size:0.875rem}.btn.btn-lg{min-height:48px;padding:1rem 1.75rem;font-size:1.125rem}.form-control,.form-select{min-height:44px;border:1.5px solid #E5E7EB;border-radius:8px;font-size:1rem;transition:all 200ms ease}.form-control:focus,.form-select:focus{outline:none;border-color:#0066FF;box-shadow:0 0 0 3px rgba(0,102,255,0.1)}.form-control:disabled,.form-select:disabled{background-color:#F3F4F6;cursor:not-allowed}.form-control.is-invalid,.form-select.is-invalid{border-color:#EF4444;background-color:rgba(239,68,68,0.05)}.form-control.is-valid,.form-select.is-valid{border-color:#22C55E;background-color:rgba(34,197,94,0.05)}.form-label{font-weight:600;margin-bottom:0.5rem;color:#1a202c}.form-text{font-size:0.875rem;color:#6B7280;margin-top:0.5rem}.invalid-feedback,.valid-feedback{font-size:0.875rem;margin-top:0.5rem}.card{border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.08);transition:all 200ms ease;overflow:hidden}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.12);transform:translateY(-4px)}.card .card-header{background-color:#F9FAFB;border-bottom:1px solid #E5E7EB;padding:1.5rem;font-weight:600}.card .card-body{padding:1.5rem}.card .card-footer{background-color:#F9FAFB;border-top:1px solid #E5E7EB;padding:1.5rem}.empty-state{text-align:center;padding:3rem 1.5rem}.empty-state .empty-state-icon{font-size:3.5rem;margin-bottom:1rem}.empty-state .empty-state-title{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:0.75rem}.empty-state .empty-state-message{color:#6B7280;margin-bottom:1.5rem;max-width:500px;margin-left:auto;margin-right:auto}.empty-state .empty-state-action{display:inline-block}.skeleton{background:linear-gradient(90deg, #F3F4F6 25%, #E5E7EB 50%, #F3F4F6 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:8px}.skeleton.skeleton-text{height:1rem;margin-bottom:0.75rem}.skeleton.skeleton-heading{height:1.5rem;margin-bottom:1.5rem}.skeleton.skeleton-button{height:44px;min-width:120px}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:calc(200% + 0) 0}}:focus-visible{outline:2px solid #0066FF;outline-offset:2px}.text-muted{color:#6B7280 !important}.skip-to-main{position:absolute;top:-40px;left:0;background:#0066FF;color:white;padding:8px 16px;text-decoration:none;border-radius:0 0 8px 0}.skip-to-main:focus{top:0}@media (max-width: 576px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.container{padding-left:1rem;padding-right:1rem}.card{margin-bottom:1rem}.btn{width:100%}.form-control,.form-select{font-size:16px}table{font-size:0.875rem}table th,table td{padding:0.75rem 0.5rem}}@media (min-width: 768px) and (max-width: 991px){.navbar-nav{gap:0.5rem}.col-md-6,.col-lg-4{margin-bottom:1.5rem}}@media (min-width: 992px){.navbar{box-shadow:0 2px 8px rgba(0,0,0,0.1)}.card:hover{transform:translateY(-6px)}.grid-3{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem}}.toast{border:none;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.15);border-left:4px solid #0066FF}.toast.toast-success{border-left-color:#22C55E}.toast.toast-danger{border-left-color:#EF4444}.toast.toast-warning{border-left-color:#F59E0B}.toast .toast-body{padding:1rem;font-weight:500}.badge{font-weight:600;padding:0.4rem 0.75rem;border-radius:20px;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.5px}.badge.badge-primary{background-color:rgba(0,102,255,0.15);color:#0066FF}.badge.badge-success{background-color:rgba(34,197,94,0.15);color:#22C55E}.badge.badge-danger{background-color:rgba(239,68,68,0.15);color:#EF4444}.badge.badge-warning{background-color:rgba(245,158,11,0.15);color:#F59E0B}.pagination{gap:0.5rem}.pagination .page-link{border-radius:6px;border:1px solid #E5E7EB;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all 150ms ease}.pagination .page-link:hover{background-color:#F3F4F6;border-color:#0066FF;color:#0066FF}.pagination .page-link.active{background-color:#0066FF;border-color:#0066FF;color:white}.pagination .page-link:disabled{opacity:0.5;cursor:not-allowed}table{border-collapse:collapse}table thead th{background-color:#F9FAFB;font-weight:700;border-bottom:2px solid #E5E7EB;padding:1rem;text-align:left}table tbody tr{border-bottom:1px solid #E5E7EB;transition:background-color 150ms ease}table tbody tr:hover{background-color:#F9FAFB}table td{padding:1rem}.transition-smooth{transition:all 200ms ease}.shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,0.05)}.shadow-md{box-shadow:0 4px 6px rgba(0,0,0,0.1)}.shadow-lg{box-shadow:0 10px 15px rgba(0,0,0,0.1)}