:root{--color-primary:#0066cc;--color-primary-hover:#0052a3;--color-primary-light:#e6f3ff;--color-secondary:#6c757d;--color-secondary-hover:#545b62;--color-secondary-light:#f8f9fa;--color-accent:#28a745;--color-accent-hover:#218838;--color-accent-light:#d4edda;--color-background:#ffffff;--color-surface:#f8f9fa;--color-surface-hover:#e9ecef;--color-text:#212529;--color-text-secondary:#6c757d;--color-text-muted:#adb5bd;--color-success:#28a745;--color-success-light:#d4edda;--color-warning:#ffc107;--color-warning-light:#fff3cd;--color-error:#dc3545;--color-error-light:#f8d7da;--color-border:#dee2e6;--color-border-light:#e9ecef;--color-border-dark:#adb5bd;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.07);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:28px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75}@media (prefers-color-scheme:dark){:root{--color-background:#1a1a1a;--color-surface:#2d2d2d;--color-surface-hover:#404040;--color-text:#ffffff;--color-text-secondary:#a0a0a0;--color-text-muted:#6c6c6c;--color-border:#404040;--color-border-light:#2d2d2d;--color-border-dark:#6c6c6c}}*{box-sizing:border-box}body,html{margin:0;padding:0;background-color:var(--color-background);color:var(--color-text)}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.pill-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-accent);color:white;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);white-space:nowrap}.pill-badge--primary{background-color:var(--color-primary)}.pill-badge--secondary{background-color:var(--color-secondary)}.pill-badge--success{background-color:var(--color-success)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:center;transition:all .2s ease;cursor:pointer;background-color:var(--color-background);color:var(--color-text)}.btn:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-dark)}.btn:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-surface)}.btn--primary{background-color:var(--color-primary);color:white;border-color:var(--color-primary)}.btn--primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--success{background-color:var(--color-success);color:white;border-color:var(--color-success)}.btn--success:hover{background-color:var(--color-success-hover);border-color:var(--color-success-hover)}.card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card--elevated{box-shadow:var(--shadow-md)}.status-success{background-color:var(--color-success-light);border-color:var(--color-success);color:var(--color-success)}.status-warning{background-color:var(--color-warning-light);border-color:var(--color-warning);color:#856404}.status-error{background-color:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}@keyframes celebration-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes celebration-glow{0%{box-shadow:0 0 0 0 rgba(40,167,69,.4)}70%{box-shadow:0 0 0 10px rgba(40,167,69,0)}to{box-shadow:0 0 0 0 rgba(40,167,69,0)}}.celebration-pulse{animation:celebration-pulse .6s ease-in-out}.celebration-glow{animation:celebration-glow 1s ease-out}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.stat-item{text-align:center}.stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}@media (max-width:480px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);padding:var(--spacing-md)}.stat-value{font-size:var(--font-size-lg)}}