<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Custom styles */
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&amp;family=Inter:wght@300;400;500;600;700;800;900&amp;display=swap');

* {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
}

.font-mono {
  font-family: 'Fira Code', 'Courier New', monospace;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: rgba(75, 85, 99, 0.3);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: rgba(139, 92, 246, 0.6);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(139, 92, 246, 0.8);
}

/* Glassmorphism effects */
.backdrop-blur-sm {
  backdrop-filter: blur(8px);
}

/* Custom animations */
@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 0 20px rgba(139, 92, 246, 0.3);
  }
  50% {
    box-shadow: 0 0 30px rgba(139, 92, 246, 0.6);
  }
}

.animate-pulse-glow {
  animation: pulse-glow 2s ease-in-out infinite;
}

/* Focus styles */
button:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 2px solid rgba(139, 92, 246, 0.8);
  outline-offset: 2px;
}

/* Smooth transitions */
* {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

/* Enhanced checkbox styling */
input[type="checkbox"] {
  appearance: none;
  background-color: rgba(75, 85, 99, 0.5);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  cursor: pointer;
}

input[type="checkbox"]:checked {
  background-color: rgba(139, 92, 246, 1);
  border-color: rgba(139, 92, 246, 1);
}

input[type="checkbox"]:checked::before {
  content: '✓';
  position: absolute;
  color: white;
  font-size: 0.875rem;
  font-weight: bold;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  .fixed-sidebar {
    position: fixed !important;
    top: 0;
    right: 0;
    height: 100vh;
    z-index: 50;
  }
}

/* Mobile-first responsive design */
@media (max-width: 640px) {
  .min-w-[160px] {
    min-width: 120px;
  }
  
  .px-8 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  .space-x-6 &gt; * + * {
    margin-left: 1rem;
  }
}</pre></body></html>