:root{--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-secondary-50:#f0fdf4;--color-secondary-100:#dcfce7;--color-secondary-200:#bbf7d0;--color-secondary-300:#86efac;--color-secondary-400:#4ade80;--color-secondary-500:#22c55e;--color-secondary-600:#16a34a;--color-secondary-700:#15803d;--color-secondary-800:#166534;--color-secondary-900:#145231;--color-accent-50:#fef3c7;--color-accent-100:#fde68a;--color-accent-200:#fcd34d;--color-accent-300:#fbbf24;--color-accent-400:#f59e0b;--color-accent-500:#f97316;--color-neutral-0:#fff;--color-neutral-50:#f9fafb;--color-neutral-100:#f3f4f6;--color-neutral-200:#e5e7eb;--color-neutral-300:#d1d5db;--color-neutral-400:#9ca3af;--color-neutral-500:#6b7280;--color-neutral-600:#4b5563;--color-neutral-700:#374151;--color-neutral-800:#1f2937;--color-neutral-900:#111827;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-background:#f9fafb;--color-surface:#fff;--color-surface-secondary:#f3f4f6;--color-surface-tertiary:#e5e7eb;--color-border:#d1d5db;--color-border-subtle:#e5e7eb;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-tertiary:#6b7280;--color-text-inverse:#fff;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.15);--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif;--font-family-mono:"JetBrains Mono","Monaco","Courier New",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-none:0;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:100;--z-fixed:1000;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}@media (prefers-color-scheme:dark){:root{--color-background:#0f172a;--color-surface:#1e293b;--color-surface-secondary:#334155;--color-surface-tertiary:#475569;--color-border:#334155;--color-border-subtle:#475569;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8}}*{margin:0;padding:0;box-sizing:border-box}html{color-scheme:light dark;scroll-behavior:smooth}body{font-family:var(--font-family-base);font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.01em;margin-bottom:var(--space-4)}h1{font-size:var(--text-5xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.02em}h2{font-size:var(--text-4xl);font-weight:var(--font-weight-bold)}h3{font-size:var(--text-2xl)}h3,h4{font-weight:var(--font-weight-semibold)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h5,h6{font-weight:var(--font-weight-semibold)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{text-decoration:underline}a:hover,code{color:var(--color-primary-700)}code{font-family:var(--font-family-mono);font-size:.9em;padding:var(--space-1) var(--space-2);background-color:var(--color-surface-secondary);border-radius:var(--radius-md)}pre{background-color:var(--color-neutral-900);color:#e5e5e5;padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto;margin-bottom:var(--space-4)}pre code{background:none;color:inherit;padding:0}main{min-height:calc(100vh - 180px);padding:var(--space-12) var(--space-4);max-width:1400px;margin:0 auto}section{margin-bottom:var(--space-24)}header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;gap:var(--space-8)}.logo{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600);white-space:nowrap}.logo,.logo:hover{text-decoration:none}.logo:hover{color:var(--color-primary-700)}nav{display:flex;gap:var(--space-8);align-items:center;flex-wrap:wrap}nav a{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}nav a:hover{color:var(--color-primary-600);text-decoration:none}footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-text-tertiary);margin-top:var(--space-24)}footer p{margin:0;font-size:var(--text-sm)}.btn,button{font-family:inherit;font-size:var(--text-base);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-fast);white-space:nowrap;text-decoration:none}.btn:disabled,button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary-600);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:transparent;color:var(--color-primary-600);border:2px solid var(--color-primary-600)}.btn-secondary:hover:not(:disabled){background-color:var(--color-primary-50);border-color:var(--color-primary-700)}.btn-success{background-color:var(--color-secondary-600);color:var(--color-text-inverse)}.btn-success:hover:not(:disabled){background-color:var(--color-secondary-700)}.btn-outline{background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-outline:hover:not(:disabled){background-color:var(--color-surface-secondary);border-color:var(--color-neutral-300)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn-block{width:100%}label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-weight-semibold);font-size:var(--text-sm)}input,label,select,textarea{color:var(--color-text-primary)}input,select,textarea{font-family:inherit;font-size:var(--text-base);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);transition:all var(--transition-fast);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}.form-group{margin-bottom:var(--space-6)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-200)}.card-elevated{box-shadow:var(--shadow-lg)}.card-compact{padding:var(--space-4)}.card-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.card-header h3{margin:0}.card-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.grid{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-responsive-sm{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-muted{color:var(--color-text-tertiary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);background-color:var(--color-primary-100);color:var(--color-primary-700)}.badge-secondary{background-color:var(--color-secondary-100);color:var(--color-secondary-700)}.badge-warning{background-color:#fef3c7;color:#92400e}.chip{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background-color:var(--color-primary-100);color:var(--color-primary-700);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-decoration:none;margin:var(--space-2);transition:all var(--transition-fast);cursor:pointer;border:1px solid transparent}.chip:hover{background-color:var(--color-primary-200);transform:translateY(-2px)}.chip:hover,.table-wrapper{box-shadow:var(--shadow-sm)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border)}table{width:100%;border-collapse:collapse;background-color:var(--color-surface)}thead{background-color:var(--color-surface-secondary);border-bottom:2px solid var(--color-border)}th{text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}td,th{padding:var(--space-4);font-size:var(--text-sm)}td{border-bottom:1px solid var(--color-border-subtle)}tbody tr:hover{background-color:var(--color-surface-secondary)}tbody tr:last-child td{border-bottom:none}.callout{padding:var(--space-4);border-left:4px solid var(--color-primary-600);background-color:var(--color-primary-50);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.callout-warning{border-left-color:var(--color-warning);background-color:#fffbeb}.callout-success{border-left-color:var(--color-success);background-color:var(--color-secondary-50)}.callout-error{border-left-color:var(--color-error);background-color:#fee2e2}@media (max-width:1024px){main{padding:var(--space-8) var(--space-4)}.grid-2{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}nav{gap:var(--space-4)}}@media (max-width:768px){main{padding:var(--space-6) var(--space-3)}section{margin-bottom:var(--space-16)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}.card{padding:var(--space-5)}.card-compact{padding:var(--space-3)}.grid-3,.grid-4{grid-template-columns:1fr}.header-content{gap:var(--space-4);align-items:flex-start}.header-content,nav{flex-direction:column}nav{width:100%;gap:var(--space-2)}nav a{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}nav a:last-child{border-bottom:none}.btn{width:100%}}@media (max-width:480px){main{padding:var(--space-4) var(--space-2)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}.card{padding:var(--space-4)}.grid-responsive,.grid-responsive-sm{grid-template-columns:1fr}table{font-size:var(--text-xs)}td,th{padding:var(--space-2)}}