:root{--color-bg-primary:#fff;--color-bg-secondary:#f5f5f5;--color-bg-tertiary:#ebebeb;--color-text-primary:#000;--color-text-secondary:#666;--color-text-tertiary:#999;--color-text-link:#04b;--color-accent:#0fb880;--color-accent-hover:#0ca36e;--color-accent-light:#e6f7f1;--color-warning:#f90;--color-warning-light:#fff7e6;--color-error:red;--color-error-light:#ffe6e6;--color-border:#e0e0e0;--color-border-light:#f0f0f0;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Menlo", "Consolas", monospace;--text-xs:11px;--text-s:13px;--text-m:15px;--text-l:18px;--text-xl:24px;--text-xxl:32px;--line-height:1.5;--line-height-heading:1.15;--space-2xs:4px;--space-xs:8px;--space-s:12px;--space-m:16px;--space-l:24px;--space-xl:32px;--space-xxl:48px;--radius-s:4px;--radius-m:8px;--radius-l:12px;--radius-xl:16px;--radius-full:9999px;--shadow-s:0 1px 2px #0000000a;--shadow-m:0 2px 8px #00000014;--shadow-l:0 4px 16px #0000001f;--transition-fast:.1s ease;--transition-normal:.2s ease}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);font-size:var(--text-m);line-height:var(--line-height);color:var(--color-text-primary);background:var(--color-bg-secondary);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{font-weight:700;line-height:var(--line-height-heading);margin:0}a{color:var(--color-text-link);text-decoration:none}a:hover{color:var(--color-accent-hover)}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-l);padding:var(--space-l)}.card-hover:hover{border-color:var(--color-border);box-shadow:var(--shadow-m)}.btn{align-items:center;gap:var(--space-xs);border-radius:var(--radius-m);font-weight:600;font-size:var(--text-s);transition:background var(--transition-fast), opacity var(--transition-fast);border:none;padding:8px 16px;display:inline-flex}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-border)}.btn-ghost{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{background:var(--color-bg-secondary)}.btn-danger{background:var(--color-error);color:#fff}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);align-items:center;gap:4px;padding:2px 8px;font-weight:600;display:inline-flex}.input{border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-bg-primary);width:100%;color:var(--color-text-primary);font-size:var(--text-s);transition:border-color var(--transition-fast);outline:none;padding:8px 12px}.input:focus{border-color:var(--color-accent)}@media (max-width:768px){:root{--text-xl:20px;--text-xxl:24px}.sidebar-mobile{display:none}}@media (max-width:480px){:root{--space-xl:20px;--space-l:16px;--space-m:12px}.hide-mobile{display:none!important}}@media (pointer:coarse){button,a,[role=button]{min-width:44px;min-height:44px}}[data-theme=dark]{--color-bg-primary:#1a1a1a;--color-bg-secondary:#121212;--color-bg-tertiary:#2a2a2a;--color-text-primary:#e0e0e0;--color-text-secondary:#999;--color-text-tertiary:#666;--color-text-link:#4da3ff;--color-accent:#0fb880;--color-accent-hover:#0ca36e;--color-accent-light:#0fb8801f;--color-warning:#f90;--color-warning-light:#ff99001a;--color-error:#f44;--color-error-light:#ff44441a;--color-border:#333;--color-border-light:#2a2a2a;--shadow-s:0 1px 2px #0000004d;--shadow-m:0 2px 8px #0006;--shadow-l:0 4px 16px #00000080}