@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", sans-serif;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-normal:.25s cubic-bezier(.16, 1, .3, 1);--transition-slow:.4s cubic-bezier(.16, 1, .3, 1);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-glow:0 0 20px -5px #6366f126;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--sidebar-width:260px;--header-height:64px;--bg-app:#f9fafb;--bg-surface:#fff;--bg-surface-hover:#f3f4f6;--bg-muted:#f3f4f6;--border-color:#e5e7eb;--border-color-hover:#d1d5db;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--primary:#4f46e5;--primary-hover:#4338ca;--primary-glow:#4f46e526;--primary-foreground:#fff;--success:#10b981;--success-bg:#ecfdf5;--success-border:#a7f3d0;--success-text:#065f46;--warning:#f59e0b;--warning-bg:#fffbeb;--warning-border:#fde68a;--warning-text:#92400e;--danger:#ef4444;--danger-bg:#fef2f2;--danger-border:#fca5a5;--danger-text:#991b1b;--info:#3b82f6;--info-bg:#eff6ff;--info-border:#bfdbfe;--info-text:#1e40af}.dark{--bg-app:#09090b;--bg-surface:#18181b;--bg-surface-hover:#202024;--bg-muted:#27272a;--border-color:#27272a;--border-color-hover:#3f3f46;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--primary:#6366f1;--primary-hover:#4f46e5;--primary-glow:#6366f133;--primary-foreground:#fff;--success:#10b981;--success-bg:#10b98114;--success-border:#10b98133;--success-text:#34d399;--warning:#fbbf24;--warning-bg:#fbbf2414;--warning-border:#fbbf2433;--warning-text:#fbbf24;--danger:#f87171;--danger-bg:#f8717114;--danger-border:#f8717133;--danger-text:#f87171;--info:#60a5fa;--info-bg:#60a5fa14;--info-border:#60a5fa33;--info-text:#60a5fa;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0003}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:var(--bg-app);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal), color var(--transition-normal);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:600}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-color-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px -3px var(--primary-glow)}50%{box-shadow:0 0 25px 0px var(--primary-glow)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-slide-up{animation:slideUp var(--transition-normal) forwards}.input-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.input-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.input-field{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-surface);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:10px 14px;font-size:.95rem}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input-field::placeholder{color:var(--text-muted)}.input-field:disabled{background-color:var(--bg-muted);cursor:not-allowed}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.95rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--primary-foreground)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background-color:var(--bg-muted);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-surface-hover);border-color:var(--border-color-hover)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn:disabled{opacity:.6;cursor:not-allowed}.card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);padding:24px}.card-hover:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.table-container{border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--bg-surface);width:100%;box-shadow:var(--shadow-sm);overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%}.table th{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);background-color:var(--bg-muted);padding:14px 16px;font-size:.85rem;font-weight:600}.table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:14px 16px;font-size:.925rem}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:var(--bg-surface-hover)}.badge{text-transform:capitalize;border-radius:9999px;align-items:center;gap:4px;padding:4px 8px;font-size:.775rem;font-weight:500;display:inline-flex}.badge-success{background-color:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.badge-warning{background-color:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-text)}.badge-danger{background-color:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text)}.badge-info{background-color:var(--info-bg);border:1px solid var(--info-border);color:var(--info-text)}.alert{border-radius:var(--radius-md);gap:12px;margin-bottom:16px;padding:14px 16px;font-size:.9rem;display:flex}.alert-danger{background-color:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text)}.alert-success{background-color:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.alert-warning{background-color:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-text)}.flex{display:flex}.flex-col{flex-direction:column}.align-center{align-items:center}.justify-between{justify-content:space-between}.grid{display:grid}.gap-md{gap:16px}.gap-lg{gap:24px}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:1rem;overflow-x:auto}@media (width<=768px){.grid-2,.grid-3,.grid-4,.form-grid,.stats-grid,.filter-grid,.dropdowns-grid{grid-template-columns:1fr!important}.card{padding:16px!important}.modal-card{width:95vw!important;max-width:95vw!important;max-height:90vh!important;margin:10px!important;padding:16px!important}.tabs-header{white-space:nowrap;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.btn,.input-field{min-height:44px;font-size:16px!important}.hide-on-mobile{display:none!important}}