:root{--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--color-primary-300: #a5b4fc;--color-primary-400: #818cf8;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-primary-800: #3730a3;--color-primary-900: #312e81;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success-50: #f0fdf4;--color-success-700: #15803d;--color-danger-50: #fef2f2;--color-danger-600: #dc2626;--color-danger-700: #b91c1c;--color-warning-50: #fffbeb;--color-warning-700: #b45309;--color-background: var(--color-gray-50);--color-surface: #ffffff;--color-text: var(--color-gray-900);--color-text-muted: var(--color-gray-500);--color-border: var(--color-gray-200);--color-code-bg: #f8f9fa;--color-code-text: var(--color-gray-900);--color-primary: var(--color-primary-600);--color-primary-hover: var(--color-primary-700);--color-primary-button: var(--color-primary-600);--color-primary-button-hover: var(--color-primary-700);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: .125rem;--radius: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px}[data-theme=dark]{--color-background: #0f172a;--color-surface: #1e293b;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-border: #334155;--color-code-bg: #000000;--color-code-text: #f1f5f9;--color-gray-50: #1e293b;--color-gray-100: #334155;--color-gray-200: #475569;--color-gray-300: #64748b;--color-gray-400: #94a3b8;--color-gray-500: #cbd5e1;--color-gray-600: #e2e8f0;--color-gray-700: #f1f5f9;--color-gray-800: #f8fafc;--color-gray-900: #ffffff;--color-primary-50: rgba( 79, 70, 229, .15 );--color-primary-100: rgba(79, 70, 229, .25);--color-primary-200: rgba(99, 102, 241, .3);--color-primary-600: #818cf8;--color-primary: var( --color-primary-400 );--color-primary-hover: var(--color-primary-300);--color-primary-button: #818cf8;--color-primary-button-hover: #6366f1;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow: 0 1px 3px 0 rgb(0 0 0 / .4), 0 1px 2px -1px rgb(0 0 0 / .4);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;color:var(--color-text);background-color:var(--color-background);line-height:1.5}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-hover)}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:inherit}.header{background-color:var(--color-surface);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--color-border)}.header .header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.header .logo{font-size:1.5rem;font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:.5rem;text-decoration:none}.header .nav{display:flex;align-items:center;gap:1rem}.header .nav .nav-link{color:var(--color-gray-700);padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;transition:all .2s}.header .nav .nav-link:hover{color:var(--color-gray-900);background-color:var(--color-gray-100)}.header .nav .user-email{color:var(--color-gray-500);font-size:.875rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;border:1px solid transparent;transition:all .2s;line-height:1.25rem}.btn.btn-primary{background-color:var(--color-primary-button);color:#fff}.btn.btn-primary:hover:not(:disabled){background-color:var(--color-primary-button-hover)}.btn.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-100);color:var(--color-text)}.btn.btn-danger{background-color:var(--color-surface);color:var(--color-danger-600);border-color:var(--color-border)}.btn.btn-danger:hover:not(:disabled){background-color:var(--color-danger-50);border-color:var(--color-danger-600)}.btn.btn-ghost{background-color:transparent;color:var(--color-gray-500);padding:.25rem;border:none}.btn.btn-ghost:hover:not(:disabled){color:var(--color-text);background-color:var(--color-gray-100)}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text);margin-bottom:.5rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group textarea,.form-group select{display:block;width:100%;padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;background-color:var(--color-surface);color:var(--color-text);transition:border-color .2s,box-shadow .2s}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.form-group input[type=text]::placeholder,.form-group input[type=email]::placeholder,.form-group input[type=password]::placeholder,.form-group textarea::placeholder,.form-group select::placeholder{color:var(--color-gray-400)}.card{background-color:var(--color-surface);box-shadow:var(--shadow);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--color-border)}.list{list-style:none}.list .list-item{border-bottom:1px solid var(--color-border);transition:background-color .2s}.list .list-item:last-child{border-bottom:none}.list .list-item:hover{background-color:var(--color-gray-100)}.alert{padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem}.alert.alert-success{background-color:var(--color-success-50);color:var(--color-success-700)}.alert.alert-error{background-color:var(--color-danger-50);color:var(--color-danger-700)}.alert.alert-info{background-color:var(--color-primary-50);color:var(--color-primary-700)}.alert.alert-warning{background-color:var(--color-warning-50);color:var(--color-warning-700)}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-full)}.badge.badge-success{background-color:var(--color-success-50);color:var(--color-success-700);border:1px solid var(--color-success-50)}.badge.badge-warning{background-color:var(--color-warning-50);color:var(--color-warning-700);border:1px solid var(--color-warning-50)}.badge.badge-gray{background-color:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-border)}.prose{margin:0 auto;font-size:1rem;line-height:1.75;color:var(--color-text)}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:var(--color-text);font-weight:700;line-height:1.3;margin-top:2.5rem;margin-bottom:1rem}.prose h1:first-child,.prose h2:first-child,.prose h3:first-child,.prose h4:first-child,.prose h5:first-child,.prose h6:first-child{margin-top:0}.prose h1{font-size:2.25rem}.prose h2{font-size:1.75rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.prose h3{font-size:1.5rem}.prose h4{font-size:1.25rem}.prose p{margin-bottom:1.25rem}.prose ul,.prose ol{margin-bottom:1.25rem;padding-left:1.625rem}.prose li{margin-bottom:.5rem}.prose code{background-color:var(--color-gray-100);color:var(--color-text);padding:.2rem .4rem;border-radius:var(--radius-sm);font-size:.875em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.prose pre{background-color:var(--color-code-bg);color:var(--color-code-text);padding:1rem;border-radius:var(--radius-md);overflow-x:auto;margin-bottom:1.5rem;font-size:.875em;line-height:1.5}.prose pre code{background-color:transparent;padding:0;color:inherit;border-radius:0}.prose .code-block-wrapper{position:relative;margin-bottom:1.5rem}.prose .code-block-wrapper .code-language-label{position:absolute;top:.5rem;right:.75rem;font-size:.75rem;font-weight:500;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em;z-index:1;pointer-events:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.prose .code-block-wrapper pre{margin-bottom:0}.prose html:not([data-theme=dark]) .prose .hljs,.prose html:not([data-theme=dark]) .hljs{color:#24292e!important;background-color:#f8f9fa!important}.prose html:not([data-theme=dark]) .prose .hljs-string,.prose html:not([data-theme=dark]) .prose .hljs-title,.prose html:not([data-theme=dark]) .prose .hljs-section,.prose html:not([data-theme=dark]) .prose .hljs-attribute,.prose html:not([data-theme=dark]) .prose .hljs-literal,.prose html:not([data-theme=dark]) .prose .hljs-template-tag,.prose html:not([data-theme=dark]) .prose .hljs-template-variable,.prose html:not([data-theme=dark]) .prose .hljs-type,.prose html:not([data-theme=dark]) .prose .hljs-addition,.prose html:not([data-theme=dark]) .hljs-string,.prose html:not([data-theme=dark]) .hljs-title,.prose html:not([data-theme=dark]) .hljs-section,.prose html:not([data-theme=dark]) .hljs-attribute,.prose html:not([data-theme=dark]) .hljs-literal,.prose html:not([data-theme=dark]) .hljs-template-tag,.prose html:not([data-theme=dark]) .hljs-template-variable,.prose html:not([data-theme=dark]) .hljs-type,.prose html:not([data-theme=dark]) .hljs-addition{color:#032f62!important}.prose html:not([data-theme=dark]) .prose .hljs-keyword,.prose html:not([data-theme=dark]) .prose .hljs-selector-tag,.prose html:not([data-theme=dark]) .prose .hljs-built_in,.prose html:not([data-theme=dark]) .prose .hljs-name,.prose html:not([data-theme=dark]) .prose .hljs-tag,.prose html:not([data-theme=dark]) .hljs-keyword,.prose html:not([data-theme=dark]) .hljs-selector-tag,.prose html:not([data-theme=dark]) .hljs-built_in,.prose html:not([data-theme=dark]) .hljs-name,.prose html:not([data-theme=dark]) .hljs-tag{color:#d73a49!important}.prose html:not([data-theme=dark]) .prose .hljs-comment,.prose html:not([data-theme=dark]) .prose .hljs-quote,.prose html:not([data-theme=dark]) .prose .hljs-deletion,.prose html:not([data-theme=dark]) .prose .hljs-meta,.prose html:not([data-theme=dark]) .hljs-comment,.prose html:not([data-theme=dark]) .hljs-quote,.prose html:not([data-theme=dark]) .hljs-deletion,.prose html:not([data-theme=dark]) .hljs-meta{color:#6a737d!important}.prose html:not([data-theme=dark]) .prose .hljs-number,.prose html:not([data-theme=dark]) .prose .hljs-regexp,.prose html:not([data-theme=dark]) .prose .hljs-symbol,.prose html:not([data-theme=dark]) .prose .hljs-link,.prose html:not([data-theme=dark]) .prose .hljs-selector-attr,.prose html:not([data-theme=dark]) .prose .hljs-selector-pseudo,.prose html:not([data-theme=dark]) .hljs-number,.prose html:not([data-theme=dark]) .hljs-regexp,.prose html:not([data-theme=dark]) .hljs-symbol,.prose html:not([data-theme=dark]) .hljs-link,.prose html:not([data-theme=dark]) .hljs-selector-attr,.prose html:not([data-theme=dark]) .hljs-selector-pseudo{color:#005cc5!important}.prose html:not([data-theme=dark]) .prose .hljs-variable,.prose html:not([data-theme=dark]) .prose .hljs-template-variable,.prose html:not([data-theme=dark]) .hljs-variable,.prose html:not([data-theme=dark]) .hljs-template-variable{color:#e36209!important}.prose html:not([data-theme=dark]) .prose .hljs-function,.prose html:not([data-theme=dark]) .prose .hljs-title.function_,.prose html:not([data-theme=dark]) .hljs-function,.prose html:not([data-theme=dark]) .hljs-title.function_{color:#6f42c1!important}.prose html:not([data-theme=dark]) .prose .hljs-class,.prose html:not([data-theme=dark]) .prose .hljs-title.class_,.prose html:not([data-theme=dark]) .hljs-class,.prose html:not([data-theme=dark]) .hljs-title.class_{color:#6f42c1!important}.prose html:not([data-theme=dark]) .prose .hljs-attr,.prose html:not([data-theme=dark]) .prose .hljs-property,.prose html:not([data-theme=dark]) .hljs-attr,.prose html:not([data-theme=dark]) .hljs-property{color:#005cc5!important}.prose html:not([data-theme=dark]) .prose .hljs-operator,.prose html:not([data-theme=dark]) .hljs-operator{color:#d73a49!important}.prose html:not([data-theme=dark]) .prose .hljs-punctuation,.prose html:not([data-theme=dark]) .hljs-punctuation{color:#24292e!important}.prose html:not([data-theme=dark]) .prose .hljs-constant,.prose html:not([data-theme=dark]) .hljs-constant{color:#005cc5!important}.prose html:not([data-theme=dark]) .prose pre,.prose html:not([data-theme=dark]) pre{background-color:#f8f9fa!important;color:#24292e!important}.prose [data-theme=dark] .prose pre,.prose [data-theme=dark] pre{background-color:#000!important;color:#e2e8f0!important;border:none!important;padding:1rem!important}.prose [data-theme=dark] .hljs,.prose [data-theme=dark] pre .hljs,.prose [data-theme=dark] .prose pre .hljs{color:#e2e8f0!important;background-color:transparent!important}.prose [data-theme=dark] .hljs-keyword,.prose [data-theme=dark] .hljs-selector-tag,.prose [data-theme=dark] .hljs-built_in,.prose [data-theme=dark] .hljs-name,.prose [data-theme=dark] .hljs-tag{color:#7dd3fc!important}.prose [data-theme=dark] .hljs-string,.prose [data-theme=dark] .hljs-title,.prose [data-theme=dark] .hljs-section,.prose [data-theme=dark] .hljs-attribute,.prose [data-theme=dark] .hljs-literal,.prose [data-theme=dark] .hljs-template-tag,.prose [data-theme=dark] .hljs-template-variable,.prose [data-theme=dark] .hljs-type,.prose [data-theme=dark] .hljs-addition{color:#86efac!important}.prose [data-theme=dark] .hljs-comment,.prose [data-theme=dark] .hljs-quote,.prose [data-theme=dark] .hljs-deletion,.prose [data-theme=dark] .hljs-meta{color:#94a3b8!important}.prose [data-theme=dark] .hljs-number,.prose [data-theme=dark] .hljs-regexp,.prose [data-theme=dark] .hljs-symbol,.prose [data-theme=dark] .hljs-link,.prose [data-theme=dark] .hljs-selector-attr,.prose [data-theme=dark] .hljs-selector-pseudo,.prose [data-theme=dark] .hljs-variable,.prose [data-theme=dark] .hljs-template-variable{color:#fbbf24!important}.prose [data-theme=dark] .hljs-function,.prose [data-theme=dark] .hljs-title.function_{color:#a78bfa!important}.prose [data-theme=dark] .hljs-class,.prose [data-theme=dark] .hljs-title.class_{color:#60a5fa!important}.prose [data-theme=dark] .hljs-attr,.prose [data-theme=dark] .hljs-property{color:#34d399!important}.prose [data-theme=dark] .hljs-operator{color:#f472b6!important}.prose [data-theme=dark] .hljs-punctuation{color:#cbd5e1!important}.prose [data-theme=dark] .hljs-constant{color:#fb923c!important}.prose [data-theme=dark] .hljs-emphasis{font-style:italic}.prose [data-theme=dark] .hljs-strong{font-weight:700}.prose blockquote{border-left:4px solid var(--color-border);padding-left:1rem;font-style:italic;color:var(--color-text-muted);margin-bottom:1.5rem}.prose img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:2rem 0}.prose hr{border:0;border-top:1px solid var(--color-border);margin:3rem 0}.prose table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.prose table th,.prose table td{padding:.75rem;border-bottom:1px solid var(--color-border);text-align:left}.prose table th{font-weight:600;color:var(--color-text);background-color:var(--color-gray-100)}