.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:#1f2937;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb{background:#4b5563;border-radius:3px;transition:background-color .2s ease}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#6b7280}.line-clamp-none{display:block;overflow:visible;-webkit-line-clamp:unset;-webkit-box-orient:unset}.scrollbar-thin::-webkit-scrollbar-thumb:active{background:#9ca3af}.scrollbar-thin{scrollbar-color:#4b5563 #1f2937}.scrollbar-thin:hover{scrollbar-color:#6b7280 #1f2937}body{margin:0;font-family:Inter,sans-serif}.custom-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#1f2937;color:#fff;border:1px solid #4b5563;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding-right:32px;transition:all .2s ease}.custom-select:hover{border-color:#6b7280}.custom-select:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;outline:none}body.light .custom-select{background-color:#fff;color:#1f2937;border:1px solid #d1d5db;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2937' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}body.light .custom-select:hover{border-color:#9ca3af}body.light .custom-select:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.custom-select option{background-color:#1f2937;color:#fff;padding:8px 12px}body.light .custom-select option{background-color:#fff;color:#1f2937;padding:8px 12px}@-moz-document url-prefix(){.custom-select{background-image:none;padding-right:8px}.dark .custom-select{background-color:#1f2937;color:#fff}.light .custom-select{background-color:#fff;color:#1f2937}}@media not all and (min-resolution:.001dpcm){@supports (-webkit-appearance:none){.custom-select{background-image:none;padding-right:8px}}}@media (max-width: 768px){.custom-select{min-width:100px;font-size:14px}}.custom-select:focus-visible{outline:2px solid #ef4444;outline-offset:2px}.custom-select:disabled{opacity:.5;cursor:not-allowed;background-color:#374151;color:#9ca3af}body.light .custom-select:disabled{background-color:#f3f4f6;color:#9ca3af}:root{--brand-primary: #3b82f6;--brand-primary-hover: #2563eb;--brand-primary-light: #60a5fa;--brand-primary-dark: #1d4ed8;--brand-red: #3b82f6;--brand-red-hover: #2563eb;--brand-red-light: #60a5fa;--brand-red-dark: #1d4ed8;--accent-green: #10b981;--accent-yellow: #f59e0b;--accent-purple: #8b5cf6;--accent-pink: #ec4899;--accent-orange: #f97316;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--bg-content: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--border-primary: #334155;--border-secondary: #475569;--border-accent: #3b82f6}.text-brand-primary{color:var(--brand-primary)}.bg-brand-primary{background-color:var(--brand-primary)}.border-brand-primary{border-color:var(--brand-primary)}.hover\:bg-brand-primary:hover{background-color:var(--brand-primary)}.hover\:text-brand-primary:hover{color:var(--brand-primary)}.text-brand-red{color:var(--brand-red)}.bg-brand-red{background-color:var(--brand-red)}.border-brand-red{border-color:var(--brand-red)}.hover\:bg-brand-red:hover{background-color:var(--brand-red)}.hover\:text-brand-red:hover{color:var(--brand-red)}.bg-dark-bg{background-color:var(--bg-primary)}.bg-card-bg{background-color:var(--bg-card)}.bg-content-bg{background-color:var(--bg-content)}.border-border-color{border-color:var(--border-primary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.focus\:ring-brand-primary:focus{--tw-ring-color: var(--brand-primary);box-shadow:0 0 0 3px var(--tw-ring-color)}.focus\:ring-brand-red:focus{--tw-ring-color: var(--brand-red);box-shadow:0 0 0 3px var(--tw-ring-color)}
