:root{--bg-color:#fafafa;--card-bg:#fafafa;--input-bg:#ddd;--light-bg:#ddd;--section-bg:#f5f5f5;--form-card-bg:#fafafa;--hover-color:#f2ecec;--table-stripe-bg:#ddd;--muted-bg:#f2f2f2;--disabled-bg:#e9ecef;--text-color:#000;--heading-color:#101010;--label-color:#000;--placeholder-color:#242222;--secondary-text-color:#121111;--link-color:#06c;--link-hover-color:#004c99;--focus-border-color:#007bff;--focus-shadow-color:#007bff40;--border-color:#fa7d08;--border-color-light:#e0e0e0;--muted-border:#dcdcdc;--shadow-color:#0000001a;--primary-color:#0984e3;--secondary-color:#6c757d;--accent-color:#007bff;--accent-btn-bg:#007bff;--accent-btn-hover-bg:#0056b3;--nav-bg:#000;--nav-text:#fff;--nav-primary-color:#0984e3;--nav-accent-color:#007bff;--nav-link-color:#06c;--nav-link-hover:#004c99;--nav-highlight:#4ade80;--nav-highlight-bg:#4ade801a;--error-bg-light:#ef44441a;--error-hover-color:#ef4444;--success-color:#28a745;--error-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--success-bg:#d1e7dd;--success-border:#badbcc;--error-bg:#f8d7da;--error-border:#f5c2c7;--warning-bg:#fff3cd;--warning-border:#ffecb5;--info-bg:#cff4fc;--info-border:#b6effb;--danger-color:var(--error-color);--danger-color-hover:var(--error-color);--muted-color:var(--secondary-text-color);--tag-bg:#e9ecef;--table-header-bg:#007bff;--table-header-text:#fff;--form-bg:linear-gradient(135deg, #f3f4f6 0%, #e6e7ea 100%);--form-header-border:#e6e7ea;--form-title:#2c3e50;--form-subtitle:#6c757d;--btn-primary-bg:#07c;--btn-primary-hover-bg:#0a6ed1;--btn-primary-text:#fff;--btn-primary-hover-text:#fff;--btn-secondary-bg:#6c757d;--btn-secondary-hover-bg:#495057;--btn-secondary-text:#fff;--btn-secondary-hover-text:#fff;--btn-danger-bg:#dc3545;--btn-danger-hover-bg:#b02a37;--btn-danger-text:#fff;--btn-danger-hover-text:#fff;--btn-success-bg:#28a745;--btn-success-hover-bg:#1e7a34;--btn-success-text:#fff;--btn-success-hover-text:#fff;--container-max-width:1280px;--section-padding-y:clamp(2rem, 5vw, 5rem);--section-padding-x:clamp(1rem, 4vw, 2rem);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-mono:"Geist Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--skeleton-base-color:#a0c1e4;--skeleton-highlight-color:#e6f2ff;--shadow-sm:0 1px 3px var(--shadow-color);--shadow-md:0 4px 12px var(--shadow-color);--shadow-lg:0 8px 24px var(--shadow-color);--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}
[data-theme=dark]{--bg-color:#111;--card-bg:#111;--input-bg:#111;--light-bg:#171616;--section-bg:#1a1a1a;--form-card-bg:#090909;--hover-color:#1d1c1c;--table-stripe-bg:#1a1919;--muted-bg:#1f1f1f;--disabled-bg:#505050;--text-color:#fff;--heading-color:#fff;--label-color:#fff;--placeholder-color:#efeaea;--secondary-text-color:#fff;--link-color:#88c5ff;--link-hover-color:#b3d9ff;--focus-border-color:#007bff;--focus-shadow-color:#007bff40;--border-color:#fbad05;--border-color-light:#8fb6f5;--muted-border:#2a2a2a;--shadow-color:#0000004d;--primary-color:#0984e3;--secondary-color:#6c757d;--accent-color:#007bff;--accent-btn-bg:#007bff;--accent-btn-hover-bg:#0056b3;--nav-bg:#161f2c;--nav-text:#f0f0f0;--nav-primary-color:#0984e3;--nav-accent-color:#007bff;--nav-link-color:#06c;--nav-link-hover:#004c99;--nav-highlight:#4ade80;--nav-highlight-bg:#4ade8026;--error-bg-light:#ef444426;--error-hover-color:#f87171;--success-color:#25a03a;--error-color:#b20c0c;--warning-color:#e0aa12;--info-color:#1a9eb0;--success-bg:#133b24;--success-border:#1a542f;--error-bg:#3b1212;--error-border:#4f1c1c;--warning-bg:#3b2c10;--warning-border:#543e17;--info-bg:#0e3842;--info-border:#164d58;--danger-color:var(--error-color);--danger-color-hover:var(--error-color);--muted-color:var(--secondary-text-color);--tag-bg:#505050;--table-header-bg:#007bff;--table-header-text:#fff;--form-bg:linear-gradient(135deg, #23272f 0%, #181a1b 100%);--form-header-border:#23272f;--form-title:gold;--form-subtitle:#b0b8c1;--btn-primary-bg:#07c;--btn-primary-hover-bg:#0a6ed1;--btn-primary-text:#fff;--btn-primary-hover-text:#fff;--btn-secondary-bg:#666;--btn-secondary-hover-bg:#555;--btn-secondary-text:#fff;--btn-secondary-hover-text:#fff;--btn-danger-bg:#dc2626;--btn-danger-hover-bg:#b91c1c;--btn-danger-text:#fff;--btn-danger-hover-text:#fff;--btn-success-bg:#16a34a;--btn-success-hover-bg:#15803d;--btn-success-text:#fff;--btn-success-hover-text:#fff;--skeleton-base-color:#a0c1e4;--skeleton-highlight-color:#e6f2ff;--shadow-sm:0 1px 3px var(--shadow-color);--shadow-md:0 4px 12px var(--shadow-color);--shadow-lg:0 8px 24px var(--shadow-color);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}
*,:before,:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-gutter:stable;height:100%}body{width:100%;min-height:100%;font-family:var(--font-sans);font-size:var(--text-base);background-color:var(--bg-color);color:var(--text-color);transition:background-color var(--transition-base), color var(--transition-base);line-height:1.6;overflow-x:hidden}::placeholder{color:var(--placeholder-color);opacity:1}img,video{max-width:100%;height:auto;display:block}ul,ol{list-style:none}
a{color:var(--link-color);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--link-hover-color);text-decoration:underline}h1,h2,h3,h4,h5,h6{color:var(--heading-color);letter-spacing:-.01em;font-weight:700;line-height:1.25}h1{font-size:clamp(var(--text-2xl), 5vw, var(--text-4xl))}h2{font-size:clamp(var(--text-xl), 4vw, var(--text-3xl))}h3{font-size:clamp(var(--text-lg), 3vw, var(--text-2xl))}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--text-color);margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}label{color:var(--label-color);font-weight:500;font-size:var(--text-sm)}small{font-size:var(--text-xs);color:var(--secondary-text-color)}strong{font-weight:700}code{font-family:var(--font-mono);background-color:var(--muted-bg);border-radius:var(--radius-sm);border:1px solid var(--border-color-light);padding:.1em .35em;font-size:.9em}
input,textarea,select{background-color:var(--input-bg);color:var(--text-color);border:1px solid var(--border-color-light);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-base);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--focus-border-color);box-shadow:0 0 0 3px var(--focus-shadow-color)}button{cursor:pointer;font-family:var(--font-sans);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast)}button:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}hr{border:none;border-top:1px solid var(--border-color-light);margin:var(--space-6) 0}table{border-collapse:collapse;width:100%}th,td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-color-light)}th{color:var(--heading-color);background-color:var(--section-bg);font-weight:600}
:root:not([data-theme]){visibility:hidden}html[data-theme]{visibility:visible}[data-theme]{visibility:visible;transition:none}
.text-primary{color:var(--primary-color)}.text-secondary,.text-muted{color:var(--secondary-text-color)}.text-success{color:var(--success-color)}.text-error{color:var(--error-color)}.text-warning{color:var(--warning-color)}.text-info{color:var(--info-color)}.bg-primary{background-color:var(--bg-color)}.bg-card{background-color:var(--card-bg)}.bg-section{background-color:var(--section-bg)}.bg-success{background-color:var(--success-bg)}.bg-error{background-color:var(--error-bg)}.bg-warning{background-color:var(--warning-bg)}.bg-info{background-color:var(--info-bg)}.border{border:1px solid var(--border-color-light)}.border-accent{border:1px solid var(--border-color)}
:root[data-theme] *{transition:background-color var(--transition-base), color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base)}.theme-transitioning *{transition:background-color .3s,color .3s,border-color .3s!important}.theme-transitioning button{transition:background-color .3s,color .3s,transform .15s!important}.theme-transitioning input,.theme-transitioning select,.theme-transitioning textarea{transition:none!important}html[data-theme]{visibility:visible}