:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--primary: #3b82f6;--primary-rgb: 59, 130, 246;--primary-hover: #2563eb;--primary-dark: #1d4ed8;--primary-light: #dbeafe;--accent: #10b981;--accent-hover: #059669;--success: #22c55e;--warning: #f59e0b;--warning-bg: #fef3c7;--warning-border: #f59e0b;--warning-text: #92400e;--error: #ef4444;--danger: #ef4444;--danger-dark: #dc2626;--info: #06b6d4;--input-bg: #ffffff;--input-disabled-bg: #f5f5f5;--card-bg: #ffffff;--hover-bg: #f8fafc;--code-bg: #f1f5f9;--code-text: #334155;--table-header-bg: #f8fafc;--border: #e2e8f0;--border-light: #f1f5f9;--shadow: rgba(0, 0, 0, .1);--shadow-md: rgba(0, 0, 0, .15);--shadow-lg: rgba(0, 0, 0, .2);--radius: 8px;--radius-sm: 4px;--radius-lg: 12px;--radius-xl: 16px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--primary: #3b82f6;--primary-rgb: 59, 130, 246;--primary-hover: #2563eb;--primary-dark: #1d4ed8;--primary-light: #dbeafe;--input-bg: #ffffff;--input-disabled-bg: #f5f5f5;--card-bg: #ffffff;--hover-bg: #f8fafc;--code-bg: #f1f5f9;--code-text: #334155;--table-header-bg: #f8fafc;--border: #e2e8f0;--border-light: #f1f5f9;--shadow: rgba(0, 0, 0, .1);--shadow-md: rgba(0, 0, 0, .15);--shadow-lg: rgba(0, 0, 0, .2)}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--primary: #60a5fa;--primary-rgb: 96, 165, 250;--primary-hover: #3b82f6;--primary-dark: #2563eb;--primary-light: rgba(59, 130, 246, .2);--input-bg: #1e293b;--input-disabled-bg: #374151;--card-bg: #1e293b;--hover-bg: #334155;--code-bg: #374151;--code-text: #cbd5e1;--table-header-bg: #1e293b;--warning-bg: #451a03;--warning-border: #92400e;--warning-text: #fed7aa;--border: #334155;--border-light: #475569;--shadow: rgba(0, 0, 0, .3);--shadow-md: rgba(0, 0, 0, .4);--shadow-lg: rgba(0, 0, 0, .5)}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--primary: #60a5fa;--primary-rgb: 96, 165, 250;--primary-hover: #3b82f6;--primary-dark: #2563eb;--primary-light: rgba(59, 130, 246, .2);--input-bg: #1e293b;--input-disabled-bg: #374151;--card-bg: #1e293b;--hover-bg: #334155;--code-bg: #374151;--code-text: #cbd5e1;--table-header-bg: #1e293b;--warning-bg: #451a03;--warning-border: #92400e;--warning-text: #fed7aa;--border: #334155;--border-light: #475569;--shadow: rgba(0, 0, 0, .3);--shadow-md: rgba(0, 0, 0, .4);--shadow-lg: rgba(0, 0, 0, .5)}}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;scroll-behavior:smooth}body{min-height:100%;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:var(--transition);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary);margin-bottom:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{margin-bottom:1rem;color:var(--text-secondary)}a{color:var(--primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--primary-hover);text-decoration:underline}input,textarea,select{width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;background-color:var(--bg-primary);border:2px solid var(--border);border-radius:var(--radius);color:var(--text-primary);transition:var(--transition);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}input::placeholder,textarea::placeholder,select::placeholder{color:var(--text-muted)}input:disabled,textarea:disabled,select:disabled{opacity:.6;cursor:not-allowed}label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:500;border:none;border-radius:var(--radius);cursor:pointer;transition:var(--transition);text-decoration:none;outline:none}button:disabled,.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--primary)}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover:not(:disabled){background-color:#16a34a;transform:translateY(-1px)}.btn-danger{background-color:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px)}.card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 1px 3px var(--shadow)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-col{flex-direction:column}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-muted{color:var(--text-muted)}.text-error{color:var(--error)}.text-success{color:var(--success)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.loading{position:relative;pointer-events:none}.loading:after{content:"";position:absolute;inset:0;background-color:var(--bg-primary);opacity:.8;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.container{padding:0 .75rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.card{padding:1rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important}}