:root{--color-bg-primary:#fff;--color-bg-secondary:#f8f8f8;--color-bg-tertiary:#f0f0f0;--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-text-tertiary:#999;--color-border:#e0e0e0;--color-border-light:#f0f0f0;--color-accent:#06c;--color-accent-hover:#0052a3;--color-accent-light:#e6f0ff;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-status-pending:#fbbf24;--color-status-in-progress:#3b82f6;--color-status-completed:#10b981;--color-status-cancelled:#ef4444;--font-family-primary:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono:"JetBrains Mono", "Monaco", "Courier New", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold: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 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--transition-fast:.15s ease-in-out;--transition-base:.2s ease-in-out;--transition-slow:.3s ease-in-out}html.dark{--color-bg-primary:#0f0f0f;--color-bg-secondary:#1a1a1a;--color-bg-tertiary:#2a2a2a;--color-text-primary:#f5f5f5;--color-text-secondary:#b0b0b0;--color-text-tertiary:gray;--color-border:#333;--color-border-light:#2a2a2a;--color-accent:#4d94ff;--color-accent-hover:#66a3ff;--color-accent-light:#1a3a66;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:background-color var(--transition-base), color var(--transition-base);line-height:1.6}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);line-height:1.2}h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);line-height:1.3}h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);line-height:1.4}h4,h5,h6{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}code{font-family:var(--font-family-mono);background-color:var(--color-bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.9em}pre{background-color:var(--color-bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);overflow-x:auto}pre code{background-color:#0000;padding:0}button{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:var(--spacing-sm);border:none;display:inline-flex}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:var(--font-family-primary);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}textarea{resize:vertical;min-height:100px}.card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background-color:var(--color-accent-light);color:var(--color-accent);display:inline-flex}.badge.success{color:var(--color-success);background-color:#10b9811a}.badge.warning{color:var(--color-warning);background-color:#f59e0b1a}.badge.error{color:var(--color-error);background-color:#ef44441a}.text-muted{color:var(--color-text-secondary)}.text-light{color:var(--color-text-tertiary)}.bg-accent{background-color:var(--color-accent);color:#fff}.border-accent{border-color:var(--color-accent)}.rounded{border-radius:var(--radius-md)}.shadow{box-shadow:var(--shadow-md)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}