.lc-container{max-width:1200px;width:100%;margin:0 auto;padding:32px 24px;animation:fadeIn .4s ease}.lc-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px;flex-wrap:wrap}.lc-header-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;background:var(--bg-secondary);color:var(--text-secondary);text-decoration:none;border:1px solid var(--border-color);transition:all .2s ease}.lc-header-back-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translate(-2px)}.lc-title{font-size:22px;font-weight:700;color:var(--text-primary);text-align:center;flex:1;margin:0}.lc-title-icon{margin-right:8px}.lc-controls-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px 32px;margin-bottom:32px;display:flex;flex-direction:column;gap:24px;box-shadow:var(--shadow-sm)}.lc-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:end;gap:32px}.lc-control-group{display:flex;flex-direction:column;gap:6px;flex:1;min-width:180px;margin:0;padding:0}.lc-control-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.lc-select{padding:10px 14px;height:44px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between}.radix-select-wrapper.league-select,.radix-select-wrapper.currency-select{border:none;background:transparent;margin:0!important;padding:0!important;width:100%!important}.lc-select:hover{border-color:var(--accent-primary)}.lc-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f133}.lc-select option{background:var(--bg-primary);color:var(--text-primary)}.lc-fetch-btn{padding:0 20px;border-radius:8px;border:none;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary, #7c3aed));color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:42px;display:flex;align-items:center;justify-content:center}.lc-fetch-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f159}.lc-fetch-btn:disabled{opacity:.6;cursor:not-allowed}.lc-date-presets{display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg-primary);padding:4px;border-radius:var(--radius-md);border:1px solid var(--border-color);gap:4px;width:100%;max-width:400px;position:relative}.lc-presets-slider{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px - 8px) / 3);background:var(--accent-gradient);border-radius:calc(var(--radius-md) - 2px);transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #6366f159;z-index:0;pointer-events:none}.lc-preset-btn{position:relative;z-index:1;background:transparent;border:none;color:var(--text-muted);font-size:13px;font-weight:700;padding:8px 4px;border-radius:calc(var(--radius-md) - 2px);cursor:pointer;transition:color .25s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.lc-preset-btn:hover{color:var(--text-primary)}.lc-preset-btn.active{color:#fff}.lc-date-section{display:flex;flex-direction:column;gap:24px;padding-top:24px;border-top:1px dashed var(--border-color)}.lc-date-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.lc-date-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.lc-date-group{display:flex;flex-direction:column;gap:8px}.lc-date-label{font-size:13px;font-weight:700;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.lc-date-inputs{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);height:48px;display:flex;align-items:center;padding:0 12px;transition:border-color .2s}.lc-date-inputs:focus-within{border-color:var(--accent-primary)}.lc-date-input{background:transparent;border:none;color:var(--text-primary);font-size:15px;width:100%;color-scheme:dark;outline:none;font-family:inherit}.lc-date-input{background:transparent;border:none;color:var(--text-primary);padding:0 8px;font-size:14px;color-scheme:dark;outline:none;font-family:inherit;height:100%}.lc-date-separator{color:var(--text-muted);font-weight:700;display:flex;align-items:center;height:100%}.lc-chart-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:32px;position:relative;min-height:450px;box-shadow:var(--shadow-sm)}.lc-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.lc-chart-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.lc-chart-subtitle{font-size:13px;color:var(--text-muted);margin:0}.lc-chart-canvas-container{position:relative;width:100%;min-height:350px}.lc-chart-canvas-container canvas{width:100%!important;max-height:450px}.lc-legend{display:flex;justify-content:center;gap:24px;margin-top:16px;flex-wrap:wrap}.lc-legend-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);font-weight:500}.lc-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.lc-loading,.lc-error,.lc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;text-align:center}.lc-loading p,.lc-error p,.lc-empty p{color:var(--text-muted);font-size:15px;margin:0}.lc-error-icon{font-size:36px}.lc-empty-icon{font-size:48px;opacity:.5}.lc-empty-hint{font-size:13px;color:var(--text-muted);opacity:.7}.lc-desc{font-size:14px;color:var(--text-muted);text-align:center;margin:-8px 0 20px;line-height:1.5}@media(max-width:768px){.lc-container{padding:16px 12px}.lc-header{flex-direction:column;align-items:stretch;text-align:center}.lc-header-back-btn{align-self:flex-start}.lc-title{font-size:18px}.lc-controls{flex-direction:column;gap:12px;padding:16px}.lc-control-group{min-width:unset;width:100%}.lc-chart-wrapper{padding:16px 12px}.lc-chart-canvas-container{min-height:280px}}@media(max-width:480px){.lc-legend{gap:12px}.lc-chart-header{flex-direction:column;align-items:flex-start}}
