*{margin:0;padding:0;box-sizing:border-box}:root{--ss-navy: #1B365D;--ss-orange: #FF6B35;--ss-light-blue: #E8F1F5;--ss-dark-gray: #2D3E50;--ss-light-gray: #F8F9FA;--ss-green: #27AE60;--ss-amber: #F39C12;--ss-white: #FFFFFF;--club-primary: #1B365D;--club-secondary: #FFFFFF;--club-accent: #0F5CBB}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,var(--ss-light-blue) 0%,var(--ss-white) 100%);color:var(--ss-dark-gray);min-height:100vh}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}#root{min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:20px}.header{background:var(--ss-navy);color:var(--ss-white);padding:24px 32px;border-radius:12px;margin-bottom:24px;box-shadow:0 4px 6px #0000001a}.header h1{font-size:28px;margin-bottom:8px;display:flex;align-items:center;gap:12px}.header p{opacity:.9;font-size:14px}.main-container{display:grid;grid-template-columns:320px 1fr;gap:24px}.sidebar{background:var(--ss-white);padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014;height:fit-content;position:sticky;top:20px}.sidebar h2{font-size:18px;color:var(--ss-navy);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--ss-light-blue)}.quick-wins{display:flex;flex-direction:column;gap:12px}.quick-win-item{padding:16px;background:var(--ss-light-gray);border-radius:8px;border-left:4px solid var(--ss-orange);cursor:pointer;transition:all .2s}.quick-win-item:hover{background:var(--ss-light-blue);transform:translate(4px)}.quick-win-item strong{color:var(--ss-navy);display:block;margin-bottom:4px}.quick-win-item .impact{color:var(--ss-green);font-weight:700;font-size:18px}.main-panel{background:var(--ss-white);padding:32px;border-radius:12px;box-shadow:0 2px 8px #00000014}.match-header{padding:24px;background:linear-gradient(135deg,var(--ss-navy) 0%,#2a4a7a 100%);color:var(--ss-white);border-radius:12px;margin-bottom:32px}.match-header h2{font-size:32px;margin-bottom:8px}.match-details{opacity:.9;font-size:16px}.prediction-box{background:var(--ss-green);color:var(--ss-white);padding:24px;border-radius:12px;margin-bottom:32px;text-align:center}.prediction-box .attendance{font-size:48px;font-weight:700;margin-bottom:8px}.prediction-box .revenue{font-size:24px;opacity:.95}.sliders-section h3{color:var(--ss-navy);margin-bottom:20px;font-size:20px}.slider-group{margin-bottom:24px;padding:20px;background:var(--ss-light-gray);border-radius:8px}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.slider-header label{font-weight:600;color:var(--ss-navy)}.slider-value{font-size:20px;font-weight:700;color:var(--ss-orange)}.slider{width:100%;height:8px;border-radius:4px;background:var(--ss-light-blue);outline:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--ss-orange);cursor:pointer;box-shadow:0 2px 4px #0003}.slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--ss-orange);cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.impact-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:600;margin-left:12px}.impact-positive{background:#d5f4e6;color:var(--ss-green)}.impact-negative{background:#fef5e7;color:var(--ss-amber)}.ai-suggestion{background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%);border:2px solid var(--ss-amber);border-radius:12px;padding:20px;margin:24px 0}.ai-suggestion h4{color:var(--ss-amber);margin-bottom:8px;display:flex;align-items:center;gap:8px}.action-buttons{display:flex;gap:12px;margin-top:32px}.btn{padding:14px 28px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-primary{background:var(--ss-orange);color:var(--ss-white)}.btn-primary:hover{background:#e55a25;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.btn-secondary{background:var(--ss-light-gray);color:var(--ss-navy)}.btn-secondary:hover{background:var(--ss-light-blue)}.session-tracker{background:var(--ss-navy);color:var(--ss-white);padding:16px 24px;border-radius:8px;margin-top:24px;text-align:center}.session-tracker .total{font-size:36px;font-weight:700;color:var(--ss-orange)}.progress-bar{background:var(--ss-light-blue);height:8px;border-radius:4px;margin-top:16px;overflow:hidden}.progress-fill{background:var(--ss-orange);height:100%;transition:width .3s ease}@media (max-width: 1024px){.main-container{grid-template-columns:1fr}.sidebar{position:static}}