@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");@tailwind base;@tailwind components;@tailwind utilities;@layer components{.btn{@apply inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-offset-2}.btn-primary{@apply btn bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500}.btn-secondary{@apply btn bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500}.btn-outline{@apply btn border-gray-300 text-gray-700 bg-white hover:bg-gray-50 focus:ring-blue-500}.card{@apply bg-white overflow-hidden shadow rounded-lg}.card-header{@apply px-4 py-5 sm:px-6 border-b border-gray-200}.card-body{@apply px-4 py-5 sm:p-6}.nav-link{@apply text-gray-600 hover:text-gray-900 px-3 py-2 rounded-md text-sm font-medium transition-colors duration-200}.nav-link-active{@apply bg-blue-100 text-blue-700}.code-block{@apply bg-gray-900 text-gray-100 p-4 rounded-lg overflow-x-auto}.hero{@apply bg-gradient-to-r from-blue-600 to-purple-600 text-white}.feature-grid{@apply grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6}.feature-card{@apply card hover:shadow-lg transition-shadow duration-300}.docs-sidebar{@apply w-64 bg-gray-50 border-r border-gray-200 min-h-screen sticky top-0}.docs-content{@apply flex-1 max-w-4xl mx-auto px-6 py-8}.alert{@apply p-4 rounded-md}.alert-info{@apply alert bg-blue-50 border border-blue-200 text-blue-800}.alert-warning{@apply alert bg-yellow-50 border border-yellow-200 text-yellow-800}.alert-success{@apply alert bg-green-50 border border-green-200 text-green-800}.alert-error{@apply alert bg-red-50 border border-red-200 text-red-800}}:root{--font-family-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-family-mono: 'JetBrains Mono', 'SF Mono', Monaco, Inconsolata, 'Roboto Mono', Consolas, 'Courier New', monospace}body{font-family:var(--font-family-sans);line-height:1.6}code,pre{font-family:var(--font-family-mono)}.highlight{@apply rounded-lg overflow-hidden}.highlight pre{@apply p-4 m-0 overflow-x-auto;background:#1e1e1e !important}.highlight code{@apply text-sm;background:transparent !important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{@apply bg-gray-100}::-webkit-scrollbar-thumb{@apply bg-gray-400 rounded-full}::-webkit-scrollbar-thumb:hover{@apply bg-gray-500}.table-wrapper{@apply overflow-x-auto}.table-wrapper table{@apply min-w-full divide-y divide-gray-200}.table-wrapper table thead{@apply bg-gray-50}.table-wrapper table thead th{@apply px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider}.table-wrapper table tbody{@apply bg-white divide-y divide-gray-200}.table-wrapper table tbody td{@apply px-6 py-4 whitespace-nowrap text-sm text-gray-900}blockquote{@apply border-l-4 border-blue-500 pl-4 italic my-4 text-gray-600}*:focus{@apply outline-none ring-2 ring-blue-500 ring-offset-2}.skip-link{@apply sr-only focus:not-sr-only focus:absolute focus:top-0 focus:left-0 bg-blue-600 text-white px-4 py-2 z-50}@media print{.no-print{display:none !important}.docs-sidebar{display:none !important}.docs-content{max-width:none !important;margin:0 !important;padding:0 !important}}
