:root{--color-primary:#007bff;--color-primary-hover:#0056b3;--color-primary-dark:#004085;--color-secondary:#6c757d;--color-secondary-hover:#545b62;--color-secondary-dark:#5a6268;--color-brand-dark:#002a32;--color-brand-secondary:#4a5567;--color-brand-green:#66bb6a;--color-brand-green-hover:#5aab5e;--color-tab-inactive:#9291a5;--color-tab-inactive-hover:#727182;--color-tab-light:#c4c3d2;--color-tab-light-hover:#a8a7b8;--color-text-primary:#333;--color-text-secondary:#666;--color-text-tertiary:#888;--color-text-light:#999;--color-text-inverse:#fff;--color-bg-primary:#fff;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#f5f5f5;--color-bg-light:#faf9f8;--color-bg-card:#d9d9d9;--color-success:#28a745;--color-success-light:#d4edda;--color-success-dark:#155724;--color-error:#dc3545;--color-error-light:#f8d7da;--color-error-dark:#721c24;--color-warning:#ffc107;--color-warning-light:#fff3cd;--color-warning-lighter:#fff9e6;--color-info:#0c5460;--color-info-light:#d1ecf1;--color-tag-bg:#e5e7eb;--color-tag-text:#1e1b39;--color-chart-positive:#04ce00;--color-chart-negative:#ff718b;--color-chart-better:#28a745;--color-chart-worse:#dc3545;--color-chart-par:#666;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 2px 4px rgba(0,0,0,.1);--shadow-md:0 4px 8px rgba(0,0,0,.1);--shadow-lg:2px 2px 4px rgba(0,0,0,.1);--font-family-primary:"Roboto",sans-serif;--font-family-condensed:"Roboto Condensed",sans-serif;--font-family-serif:"Roboto Slab",serif;--max-width-content:1280px;--max-width-container:1280px;--transition-fast:.2s;--transition-normal:.3s}body{margin:0}.main-content h1{color:var(--color-text-primary);font-family:var(--font-family-condensed);margin-top:0}.main-content p{color:var(--color-text-secondary)}.btn-primary,.btn-secondary{border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-family-primary);font-size:1rem;padding:.75rem 1.5rem;transition:background-color var(--transition-fast)}.btn-primary{background-color:var(--color-brand-green);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-brand-green-hover)}.btn-primary:disabled{cursor:not-allowed}.btn-primary:disabled,.btn-secondary{background-color:var(--color-secondary)}.btn-secondary{color:var(--color-text-inverse)}.btn-secondary:hover{background-color:var(--color-secondary-hover)}.btn-link{color:var(--color-brand-green);font-weight:500;text-decoration:none}.btn-link:hover{text-decoration:underline}.form-group{display:flex;flex-direction:column}.form-group label{color:var(--color-text-primary);font-size:.9rem;font-weight:500;margin-bottom:var(--spacing-sm)}.form-group input,.form-group select{border:1px solid #ddd;border-radius:var(--radius-sm);font-family:var(--font-family-primary);font-size:1rem;padding:.75rem}.form-group select[multiple]{min-height:120px}.form-group small{color:var(--color-text-secondary);font-size:.85rem;margin-top:var(--spacing-xs)}.table-container{overflow-x:auto}.table-container table{background:var(--color-bg-primary);border-collapse:collapse;width:100%}.table-container th{background-color:var(--color-bg-secondary);border-bottom:2px solid #dee2e6;font-family:var(--font-family-condensed);font-weight:600;padding:var(--spacing-md);text-align:left}.table-container td{border-bottom:1px solid #dee2e6;padding:var(--spacing-md)}.error-message{background-color:var(--color-error-light);border-radius:var(--radius-sm);color:var(--color-error-dark);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.loading{color:var(--color-text-secondary);text-align:center}.container,.loading{padding:var(--spacing-xl)}.container{background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.page-container{margin:0 auto;max-width:var(--max-width-content);padding:var(--spacing-xl) var(--spacing-md)}.card{background:var(--color-bg-primary);border:1px solid #dee2e6;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}@media(max-width:768px){.page-container{padding:var(--spacing-md) var(--spacing-sm)}.container{padding:var(--spacing-lg)}}