:root{--multiselect-button-height: 40px;--multiselect-dropdown-max-height: 70vh;--multiselect-option-height: 48px;--multiselect-z-index: 51;--multiselect-dropdown-z-index: 1000}.multiselect-container{position:relative;width:100%;z-index:var(--multiselect-z-index)}.multiselect-button{width:100%;height:var(--multiselect-button-height);padding:var(--space-8) var(--space-10);padding-right:2rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-xs);cursor:pointer;text-align:left;position:relative;transition:all var(--duration-normal) var(--ease-standard);appearance:none}.multiselect-button:after{content:"";position:absolute;right:var(--space-10);top:50%;transform:translateY(-50%);width:14px;height:14px;background-image:var(--select-caret-light);background-position:center;background-repeat:no-repeat;background-size:14px 14px;transition:transform var(--duration-fast) var(--ease-standard);pointer-events:none}@media (prefers-color-scheme: dark){.multiselect-button:after{background-image:var(--select-caret-dark)}}[data-theme=dark] .multiselect-button:after{background-image:var(--select-caret-dark)}[data-theme=light] .multiselect-button:after{background-image:var(--select-caret-light)}.multiselect-button:hover:not(:disabled){border-color:var(--color-primary);box-shadow:var(--shadow-sm),0 0 0 1px var(--color-primary);transform:translateY(-1px)}.multiselect-button:hover:not(:disabled):after{background-image:var(--select-caret-light-hover)}@media (prefers-color-scheme: dark){.multiselect-button:hover:not(:disabled):after{background-image:var(--select-caret-dark-hover)}}.multiselect-button:focus-visible{outline:var(--focus-outline);outline-offset:2px;box-shadow:var(--focus-ring),var(--shadow-sm)}.multiselect-button.active{background-color:var(--color-accent-royal);border-color:var(--color-primary);font-weight:var(--font-weight-medium)}.multiselect-button:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-secondary)}.multiselect-button .placeholder{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.multiselect-button .selected{display:flex;align-items:baseline;gap:var(--space-4);color:var(--color-text);font-weight:var(--font-weight-medium)}.multiselect-value-primary{font-weight:var(--font-weight-medium);color:var(--color-text)}.multiselect-value-more{color:var(--color-text-secondary);font-weight:var(--font-weight-normal);font-size:.9em}.multiselect-button.active .multiselect-value-primary,.multiselect-button.active .multiselect-value-more{color:var(--color-primary)}.multiselect-dropdown{position:absolute;top:calc(100% + var(--space-4));left:0;right:0;z-index:var(--multiselect-dropdown-z-index);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);max-height:var(--multiselect-dropdown-max-height);min-height:300px;overflow:hidden;display:flex;flex-direction:column;opacity:0;transform:translateY(-10px) scale(.95);transform-origin:top center;animation:dropdown-enter var(--duration-normal) forwards var(--ease-standard)}@keyframes dropdown-enter{to{opacity:1;transform:translateY(0) scale(1)}}.multiselect-search-container{padding:var(--space-6);border-bottom:1px solid var(--color-card-border-inner);background-color:var(--color-surface);flex-shrink:0}.multiselect-search{width:100%;padding:var(--space-6) var(--space-10);border-radius:var(--radius-base);border:1px solid var(--color-border);font-size:var(--font-size-sm);background-color:var(--color-background);color:var(--color-text);transition:all var(--duration-fast) var(--ease-standard)}.multiselect-search::placeholder{color:var(--color-text-tertiary)}.multiselect-search:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring);background-color:var(--color-surface)}.multiselect-options-list{overflow-y:auto;flex-grow:1;background-color:var(--color-surface);overscroll-behavior:contain}.multiselect-option{display:flex;align-items:center;font-size:var(--font-size-sm);border-bottom:1px solid var(--color-card-border-inner);transition:background-color var(--duration-fast) var(--ease-standard);min-height:var(--multiselect-option-height)}.multiselect-option:last-child{border-bottom:none}.multiselect-option label{display:flex;align-items:center;width:100%;padding:var(--space-10);cursor:pointer;-webkit-user-select:none;user-select:none;flex:1}.multiselect-option:hover{background-color:var(--color-accent-royal)}.multiselect-option input[type=checkbox]{margin-right:var(--space-10);accent-color:var(--color-primary);height:16px;width:16px;cursor:pointer;flex-shrink:0}.option-text{color:var(--color-text);font-weight:var(--font-weight-normal)}.select-all-option{font-weight:var(--font-weight-medium);background-color:var(--color-surface);position:sticky;top:0;z-index:2;color:var(--color-text);box-shadow:0 1px 3px #0000001a;border-bottom:1px solid var(--color-card-border-inner)}.multiselect-no-results{padding:var(--space-16);text-align:center;color:var(--color-text-secondary);font-style:italic;font-size:var(--font-size-sm)}.multiselect-footer{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-6);padding:var(--space-8);border-top:1px solid var(--color-card-border-inner);background-color:var(--color-secondary);position:sticky;bottom:0;flex-shrink:0}.multiselect-selection-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-align:center}.filtered-context{color:var(--color-text-tertiary);font-weight:var(--font-weight-normal)}.multiselect-actions{display:flex;gap:var(--space-8);width:100%}.multiselect-action-btn{flex:1;padding:var(--space-6) var(--space-12);border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid var(--color-border);transition:all var(--duration-fast) var(--ease-standard)}.multiselect-action-btn.apply{background-color:var(--color-primary);color:var(--color-btn-primary-text);border-color:var(--color-primary)}.multiselect-action-btn.apply:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.multiselect-action-btn.apply:disabled{opacity:.5;cursor:not-allowed;transform:none}.multiselect-action-btn.cancel{background-color:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.multiselect-action-btn.cancel:hover{background-color:var(--color-secondary-hover);color:var(--color-text);border-color:var(--color-border-light)}.multiselect-options-list::-webkit-scrollbar{width:6px}.multiselect-options-list::-webkit-scrollbar-track{background:var(--color-secondary)}.multiselect-options-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}@media (min-width: 480px){:root{--multiselect-button-height: 40px;--multiselect-option-height: 44px}.multiselect-button{padding:var(--space-8) var(--space-12);padding-right:2.25rem}.multiselect-button:after{right:var(--space-12);width:16px;height:16px;background-size:16px 16px}.multiselect-search-container{padding:var(--space-8)}.multiselect-search{padding:var(--space-8) var(--space-12)}.multiselect-option{font-size:var(--font-size-base)}.multiselect-option label{padding:var(--space-12)}.multiselect-option input[type=checkbox]{margin-right:var(--space-12)}}@media (min-width: 768px){:root{--multiselect-button-height: 44px;--multiselect-dropdown-max-height: 350px;--multiselect-option-height: 40px}.multiselect-button{font-size:var(--font-size-base)}.multiselect-dropdown{min-height:auto}.multiselect-footer{flex-direction:row;justify-content:space-between;align-items:center;position:static;gap:var(--space-8)}.multiselect-selection-info{text-align:left}.multiselect-actions{width:auto}.multiselect-action-btn{flex:initial}}@media (min-width: 1024px){:root{--multiselect-dropdown-max-height: 350px}}@media screen and (min-width: 1200px) and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 2){:root{--multiselect-button-height: 42px;--multiselect-dropdown-max-height: 320px}.multiselect-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.multiselect-button{font-size:calc(var(--font-size-base) * .98)}}@media (prefers-contrast: high){.multiselect-button,.multiselect-dropdown{border-width:2px}.multiselect-option:hover{outline:1px solid var(--color-text)}.multiselect-action-btn.apply{border:2px solid var(--color-text)}}@media (prefers-reduced-motion: reduce){.multiselect-button,.multiselect-dropdown,.multiselect-option,.multiselect-action-btn{transition:none;animation:none}.multiselect-dropdown{opacity:1;transform:none}}:root{--toggle-height: 32px;--toggle-indicator-width: calc(33.33% - 2px) ;--toggle-border-width: 1px;--toggle-padding: 2px;--toggle-position-no: var(--toggle-padding);--toggle-position-all: calc(33.33% + 1px) ;--toggle-position-yes: 66.66% }.toggle-filter-container{display:flex;flex-direction:column;gap:var(--space-6);width:100%}.toggle-filter-container.disabled{opacity:.5;cursor:not-allowed}.toggle-filter-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-tight)}.toggle-switch-wrapper{position:relative;width:100%;height:var(--toggle-height)}.toggle-switch-track{position:relative;width:100%;height:100%;background:var(--color-surface);border:var(--toggle-border-width) solid var(--color-border);border-radius:var(--radius-full);display:flex;align-items:center;padding:var(--toggle-padding);box-shadow:var(--shadow-xs);transition:all var(--duration-normal) var(--ease-standard)}.toggle-switch-track:hover:not(:has(.toggle-switch-option:disabled)){border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.toggle-switch-indicator{position:absolute;width:var(--toggle-indicator-width);height:calc(100% - calc(var(--toggle-padding) * 2));background:var(--color-primary);border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-standard);z-index:1;box-shadow:var(--shadow-sm)}.toggle-switch-indicator.toggle-state-no{left:var(--toggle-position-no);background:var(--color-primary)}.toggle-switch-indicator.toggle-state-all{left:var(--toggle-position-all);background:var(--color-primary);opacity:.7}.toggle-switch-indicator.toggle-state-yes{left:var(--toggle-position-yes);background:var(--color-primary)}.toggle-switch-option{position:relative;z-index:2;flex:1;height:100%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-standard);padding:0 var(--space-4)}.toggle-option-text{font-size:var(--font-size-xxs);text-transform:uppercase;letter-spacing:.05em;transition:all var(--duration-fast) var(--ease-standard)}.toggle-switch-option.active{color:var(--color-btn-primary-text)}.toggle-switch-option.active .toggle-option-text{font-weight:var(--font-weight-semibold);transform:scale(1.05)}.toggle-switch-option:not(.active):hover:not(:disabled){color:var(--color-text)}.toggle-switch-option:not(.active):hover:not(:disabled) .toggle-option-text{transform:scale(1.1)}.toggle-switch-option:focus{outline:none}.toggle-switch-option:focus-visible{outline:var(--focus-outline);outline-offset:-2px;border-radius:var(--radius-full)}.toggle-switch-option:disabled{cursor:not-allowed;color:var(--color-text-tertiary)}.toggle-switch-track:has(.toggle-switch-option:disabled):hover{transform:none;box-shadow:var(--shadow-xs);border-color:var(--color-border)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width: 480px){:root{--toggle-height: 34px}.toggle-filter-label{font-size:var(--font-size-sm)}.toggle-switch-option{padding:0 var(--space-6)}.toggle-option-text{font-size:var(--font-size-xs)}}@media (min-width: 768px){:root{--toggle-height: 36px}.toggle-switch-option{padding:0 var(--space-8)}.toggle-option-text{font-size:var(--font-size-sm)}}@media (min-width: 1024px){:root{--toggle-height: 38px}}@media screen and (min-width: 1200px) and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 2){:root{--toggle-height: 40px;--toggle-padding: 3px}.toggle-switch-option{padding:0 var(--space-6);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.toggle-option-text{font-size:calc(var(--font-size-xs) * 1.1)}.toggle-switch-indicator.toggle-state-no{left:var(--toggle-padding)}}@media (prefers-contrast: high){.toggle-switch-track{border-width:2px}.toggle-switch-indicator{border:1px solid var(--color-text)}.toggle-switch-option.active{background:var(--color-text);color:var(--color-background);border-radius:var(--radius-sm)}}@media (prefers-reduced-motion: reduce){.toggle-switch-indicator,.toggle-switch-option,.toggle-option-text,.toggle-switch-track{transition:none}}:root{--range-slider-height: 20px;--range-track-height: 4px;--range-thumb-size: 14px;--range-thumb-border-width: 2px}.range-filter-container{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-10);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);transition:all var(--duration-normal) var(--ease-standard)}.range-filter-container:hover:not(.disabled){border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.range-filter-container.active{border-color:var(--color-primary);background:var(--color-accent-royal)}.range-filter-container.disabled{opacity:.6;pointer-events:none;cursor:not-allowed}.range-filter-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--space-8)}.range-filter-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-tight);flex-shrink:0}.range-filter-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background:transparent;padding:0;border-radius:0;white-space:nowrap;transition:all var(--duration-fast) var(--ease-standard)}.range-filter-value.active{color:var(--color-primary);background:var(--color-accent-royal);font-weight:var(--font-weight-bold)}.range-filter-value.error{color:var(--color-error);background:var(--color-hover-danger)}.range-slider-wrapper{position:relative;height:16px;display:flex;align-items:center}.range-track{position:absolute;width:100%;height:var(--range-track-height);background:var(--color-secondary);border-radius:var(--radius-full);pointer-events:none}.range-track-active{position:absolute;height:100%;background:var(--color-secondary);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-standard)}.range-track-active.user-selected{background:var(--color-primary);box-shadow:0 0 4px rgba(var(--color-bright-blue-light-rgb),.3)}.range-input{position:absolute;width:100%;height:var(--range-track-height);background:transparent;pointer-events:none;appearance:none;outline:none;margin:0;padding:0}.range-input::-webkit-slider-thumb{appearance:none;width:var(--range-thumb-size);height:var(--range-thumb-size);background:var(--color-surface);border:var(--range-thumb-border-width) solid var(--color-primary);border-radius:50%;cursor:pointer;pointer-events:all;box-shadow:var(--shadow-sm);transition:all var(--duration-fast) var(--ease-standard);position:relative}.range-input::-webkit-slider-thumb:hover{transform:scale(1.2);background:var(--color-primary);box-shadow:var(--shadow-md)}.range-input::-webkit-slider-thumb:active{transform:scale(1.3);box-shadow:var(--focus-ring)}.range-input::-moz-range-thumb{width:var(--range-thumb-size);height:var(--range-thumb-size);background:var(--color-surface);border:var(--range-thumb-border-width) solid var(--color-primary);border-radius:50%;cursor:pointer;pointer-events:all;box-shadow:var(--shadow-sm);transition:all var(--duration-fast) var(--ease-standard);box-sizing:border-box}.range-input::-moz-range-thumb:hover{transform:scale(1.2);background:var(--color-primary);box-shadow:var(--shadow-md)}.range-input::-moz-range-thumb:active{transform:scale(1.3);box-shadow:var(--focus-ring)}.range-input::-moz-range-track{background:transparent;border:none}.range-input:focus::-webkit-slider-thumb{box-shadow:var(--focus-ring);outline:var(--focus-outline);outline-offset:2px}.range-input:focus::-moz-range-thumb{box-shadow:var(--focus-ring);outline:var(--focus-outline);outline-offset:2px}.range-input:disabled::-webkit-slider-thumb,.range-input:disabled::-moz-range-thumb{opacity:.5;cursor:not-allowed;transform:none}.range-input:disabled::-webkit-slider-thumb:hover,.range-input:disabled::-moz-range-thumb:hover{transform:none;background:var(--color-surface);box-shadow:var(--shadow-sm)}.range-input-min{z-index:2}.range-input-max{z-index:1}.range-input-min:active,.range-input-max:active{z-index:3}.range-bounds{display:none}@media (min-width: 480px){:root{--range-thumb-size: 16px}.range-filter-container{gap:var(--space-6);padding:var(--space-10)}.range-filter-header{gap:var(--space-8)}.range-filter-label{font-size:var(--font-size-sm)}.range-filter-value{font-size:var(--font-size-base);background:var(--color-secondary);padding:var(--space-4) var(--space-8);border-radius:var(--radius-base)}.range-bounds{display:flex;justify-content:space-between;padding:0 var(--space-2);margin-top:var(--space-2)}.range-bound-min,.range-bound-max{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-normal)}.range-slider-wrapper{height:var(--range-slider-height)}}@media (min-width: 768px){.range-filter-container{padding:var(--space-12)}}@media (min-width: 1024px){:root{--range-thumb-size: 16px}}@media screen and (min-width: 1200px) and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 2){:root{--range-thumb-size: 18px}.range-filter-container{min-height:42px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.range-filter-value{font-size:calc(var(--font-size-base) * .98)}}@media (prefers-contrast: high){.range-filter-container{border-width:2px}.range-input::-webkit-slider-thumb,.range-input::-moz-range-thumb{border-width:3px;box-shadow:var(--shadow-md),0 0 0 1px var(--color-text)}.range-track-active.user-selected{border:1px solid var(--color-text)}}@media (prefers-reduced-motion: reduce){.range-filter-container,.range-filter-value,.range-track-active,.range-input::-webkit-slider-thumb,.range-input::-moz-range-thumb{transition:none}}@media print{.range-filter-container{border:1px solid #000;background:transparent;box-shadow:none}.range-slider-wrapper{display:none}.range-filter-value:after{content:" (Range: " attr(aria-valuemin) " - " attr(aria-valuemax) ")";font-size:var(--font-size-xs)}}.saved-trends-modal-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(hard --space-16);animation:backdrop-fade .2s ease-out}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}.saved-trends-modal-container{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:360px;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003;animation:modal-pop .25s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes modal-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.saved-trends-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-16);background:linear-gradient(135deg,rgba(var(--color-bright-blue-light-rgb),.06),transparent);border-bottom:1px solid var(--color-border-light)}.saved-trends-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.saved-trends-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xl);transition:all var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent}.saved-trends-close:hover{background:var(--color-secondary);transform:rotate(90deg)}.saved-trends-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-8)}.saved-trend-item{background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-base);padding:var(--space-12);margin-bottom:var(--space-8);transition:all var(--duration-fast) var(--ease-standard)}.saved-trend-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.trend-header{display:flex;align-items:center;gap:var(--space-8);margin-bottom:var(--space-8)}.trend-favorite{width:24px;height:24px;padding:0;background:transparent;border:none;color:var(--color-text-tertiary);font-size:var(--font-size-lg);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent}.trend-favorite.active{color:var(--color-warning)}.trend-favorite:hover{transform:scale(1.2)}.trend-name{flex:1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text)}.trend-date{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.trend-filters{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-10);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.filter-tag{padding:var(--space-2) var(--space-6);background:var(--color-secondary);border-radius:var(--radius-sm);white-space:nowrap}.trend-actions{display:flex;gap:var(--space-8)}.btn-apply,.btn-delete{flex:1;padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent}.btn-apply{background:var(--color-primary);color:var(--color-btn-primary-text);border:none}.btn-apply:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn-delete{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-delete:hover{border-color:var(--color-error);color:var(--color-error);background:var(--color-hover-danger-touch)}.saved-trends-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-32);color:var(--color-text-secondary)}.loading-spinner{width:32px;height:32px;border:2px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-12)}.saved-trends-empty{padding:var(--space-32);text-align:center;color:var(--color-text-secondary)}.saved-trends-empty h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-8) 0}.saved-trends-empty p{margin:0;font-size:var(--font-size-sm)}.saved-trends-error{margin:var(--space-16);padding:var(--space-12);background:var(--color-hover-danger-touch);border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);text-align:center;font-size:var(--font-size-sm)}.trend-applied-toast{position:fixed;bottom:var(--space-24);left:50%;transform:translate(-50%);padding:var(--space-10) var(--space-20);background:var(--color-success);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-md);z-index:10001;animation:toast-slide .3s ease-out}@keyframes toast-slide{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@media (min-width: 768px){.saved-trends-modal-container{max-width:480px;max-height:600px}.saved-trends-header{padding:var(--space-20)}.saved-trends-header h2{font-size:var(--font-size-xl)}.saved-trends-list{padding:var(--space-12)}.saved-trend-item{padding:var(--space-16)}.trend-name{font-size:var(--font-size-md)}}@media (min-width: 1024px){.saved-trends-modal-container{max-width:540px}}.filter-bar-container{display:flex;flex-direction:column;gap:var(--space-12)}.filter-bar-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-8);padding-bottom:var(--space-10);border-bottom:1px solid var(--color-border-light)}.filter-bar-title-section{display:flex;align-items:center;gap:var(--space-8)}.filter-bar-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;flex-shrink:0}.filter-bar-loading-indicator{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);opacity:.8}.filter-loading-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.filter-bar-actions{display:flex;gap:var(--space-4);flex:1;justify-content:flex-end;max-width:200px}.filter-view-trends-button{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6) var(--space-8);background:transparent;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);min-height:32px;white-space:nowrap}.filter-view-trends-button:hover{background:var(--color-secondary);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.filter-view-trends-button svg{width:12px;height:12px;flex-shrink:0}.filter-save-trend-button{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6) var(--space-8);background:var(--color-primary);color:var(--color-btn-primary-text);border:none;border-radius:var(--radius-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);position:relative;min-height:32px;white-space:nowrap}.filter-save-trend-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.filter-save-trend-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.filter-save-trend-button svg{width:12px;height:12px;flex-shrink:0}.filter-category-nav{display:flex;gap:var(--space-6);padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:var(--space-10);box-shadow:var(--shadow-sm);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.filter-category-nav::-webkit-scrollbar{display:none}.category-button{flex-shrink:0;padding:var(--space-10) var(--space-16);border:1px solid var(--color-border-light);background:var(--color-background);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:all var(--duration-normal) var(--ease-standard);white-space:nowrap;min-height:42px;display:flex;align-items:center;justify-content:center}.category-button:hover:not(:disabled){color:var(--color-text);background:var(--color-accent-royal);border-color:var(--color-border-light);transform:translateY(-1px)}.category-button.active{background:var(--color-primary);color:var(--color-btn-primary-text);font-weight:var(--font-weight-semibold);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.category-button.active:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.category-button:focus-visible{outline:var(--focus-outline);outline-offset:2px}.filter-controls-container{position:relative;overflow:visible;z-index:50;display:flex;flex-direction:column;gap:var(--space-8);margin-top:var(--space-8)}.filter-section{border-radius:var(--radius-base);transition:all var(--duration-normal) var(--ease-standard);margin:0;padding:0}.filter-section-toggle{padding-bottom:var(--space-12);border-bottom:1px solid var(--color-card-border-inner)}.filter-section-content{display:grid;gap:var(--space-8)}.filter-toggle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.filter-multi-select-grid,.filter-range-grid{grid-template-columns:1fr;gap:var(--space-8)}.filter-section:not(:last-child){padding-bottom:var(--space-12);margin-bottom:var(--space-12);border-bottom:1px solid var(--color-card-border-inner)}.filter-control-wrapper{position:relative;overflow:visible;z-index:1}.filter-control-wrapper:has(.multiselect-dropdown){z-index:1000}.active-filters-container{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-10);padding:var(--space-10);background-color:var(--color-secondary);border-radius:var(--radius-base);min-height:auto;margin-top:var(--space-12)}.active-filters-list{display:flex;flex-wrap:wrap;gap:var(--space-6);width:100%}.filter-bubble{display:inline-flex;align-items:center;gap:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-full);padding:var(--space-4) var(--space-10) var(--space-4) var(--space-12);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;box-shadow:var(--shadow-xs);transition:all var(--duration-fast) var(--ease-standard)}.filter-bubble:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.bubble-label{color:var(--color-text-secondary)}.bubble-value .bubble-value-primary{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.bubble-value .bubble-value-more{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:.9em;margin-left:4px}.bubble-clear{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:var(--space-2);padding:0;border:none;background-color:var(--color-secondary-hover);color:var(--color-text-secondary);border-radius:50%;font-size:14px;line-height:1;cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}.bubble-clear:hover{background-color:var(--color-coral-salmon-light);color:var(--color-white);transform:scale(1.1)}.clear-all-btn{width:100%;text-align:center;background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-6) var(--space-12);border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}.clear-all-btn:hover:not(:disabled){background-color:var(--color-coral-salmon-light);border-color:var(--color-coral-salmon-light);color:var(--color-white)}.filter-bar-placeholder{display:flex;align-items:center;justify-content:center;height:95px;width:100%;background-color:var(--color-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-base);color:var(--color-text-secondary);font-style:italic;font-size:var(--font-size-base)}.filter-save-error{position:absolute;top:calc(100% + var(--space-4));right:0;background:var(--color-error);color:var(--color-white);padding:var(--space-6) var(--space-12);border-radius:var(--radius-base);font-size:var(--font-size-sm);white-space:nowrap;box-shadow:var(--shadow-md);z-index:100;animation:error-slide-in .2s ease-out}.filter-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:filter-spin .6s linear infinite}.filter-dialog-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:dialog-fade-in .2s ease-out;padding:var(--space-16)}.filter-dialog{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;padding:0;width:100%;max-width:420px;overflow:hidden;animation:dialog-slide-up .3s cubic-bezier(.16,1,.3,1)}.filter-dialog-header{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));padding:var(--space-20);text-align:center}.filter-dialog-icon{width:48px;height:48px;margin:0 auto var(--space-12);padding:var(--space-12);background:#fff3;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.filter-dialog-icon svg{width:24px;height:24px;color:var(--color-white)}.filter-dialog h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-white);letter-spacing:-.02em}.filter-dialog-subtitle{margin-top:var(--space-4);font-size:var(--font-size-sm);color:#ffffffe6}.filter-dialog-body{padding:var(--space-20)}.filter-dialog-label{display:block;margin-bottom:var(--space-8);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.filter-dialog-input{width:100%;padding:var(--space-12) var(--space-16);background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-base);font-size:var(--font-size-base);color:var(--color-text);transition:all var(--duration-fast) var(--ease-standard)}.filter-dialog-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--color-bright-blue-light-rgb),.1);background:var(--color-surface)}.filter-dialog-input::placeholder{color:var(--color-text-tertiary)}.filter-dialog-counter{margin-top:var(--space-6);text-align:right;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.filter-dialog-counter.warning{color:var(--color-warning)}.filter-dialog-footer{padding:0 var(--space-20) var(--space-20)}.filter-dialog-error{background:rgba(var(--color-error-red-light-rgb),.1);border:1px solid var(--color-error);color:var(--color-error);padding:var(--space-8) var(--space-12);border-radius:var(--radius-base);font-size:var(--font-size-sm);margin-bottom:var(--space-12)}.filter-dialog-buttons{display:flex;gap:var(--space-12)}.filter-dialog-cancel,.filter-dialog-save{flex:1;padding:var(--space-12) var(--space-20);border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);position:relative;overflow:hidden}.filter-dialog-cancel{background:var(--color-background);border:2px solid var(--color-border);color:var(--color-text)}.filter-dialog-cancel:hover:not(:disabled){background:var(--color-secondary);border-color:var(--color-border-light);transform:translateY(-1px)}.filter-dialog-save{background:var(--color-primary);border:2px solid var(--color-primary);color:var(--color-btn-primary-text)}.filter-dialog-save:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-bright-blue-light-rgb),.3)}.filter-dialog-save:disabled{opacity:.5;cursor:not-allowed;transform:none}.filter-dialog-save.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid var(--color-btn-primary-text);border-top-color:transparent;border-radius:50%;animation:button-spin .6s linear infinite}@keyframes error-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes filter-spin{to{transform:rotate(360deg)}}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-slide-up{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes button-spin{to{transform:rotate(360deg)}}@media (min-width: 480px){.filter-bar-container{gap:var(--space-16)}.filter-bar-header{padding-bottom:var(--space-12)}.filter-bar-actions{gap:var(--space-6);max-width:240px}.filter-view-trends-button,.filter-save-trend-button{padding:var(--space-6) var(--space-10);font-size:var(--font-size-sm);min-height:34px}.filter-view-trends-button svg,.filter-save-trend-button svg{width:14px;height:14px}.filter-category-nav{margin-bottom:var(--space-16)}.category-button{padding:var(--space-8) var(--space-12);font-size:var(--font-size-sm);min-height:36px}.filter-controls-container{gap:var(--space-12);margin-top:var(--space-12)}.filter-toggle-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.filter-multi-select-grid{grid-template-columns:1fr;gap:var(--space-12)}.filter-section-toggle{padding-bottom:var(--space-16)}.active-filters-container{margin-top:var(--space-16)}.filter-dialog-header,.filter-dialog-body{padding:var(--space-24)}.filter-dialog-footer{padding:0 var(--space-24) var(--space-24)}}@media (min-width: 768px){.filter-bar-header{padding-bottom:var(--space-16)}.filter-bar-title{font-size:var(--font-size-xl)}.filter-bar-actions{gap:var(--space-12);max-width:none}.filter-view-trends-button,.filter-save-trend-button{padding:var(--space-8) var(--space-16);font-size:var(--font-size-base);min-height:40px}.filter-view-trends-button svg,.filter-save-trend-button svg{width:16px;height:16px}.filter-category-nav{overflow-x:visible}.category-button{padding:var(--space-10) var(--space-16);font-size:var(--font-size-base);min-height:40px}.filter-controls-container{gap:var(--filter-section-spacing-tablet);margin-top:var(--filter-to-tabs-spacing-tablet)}.filter-toggle-grid{grid-template-columns:1fr;gap:var(--space-12)}.filter-multi-select-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-16)}.filter-range-grid{grid-template-columns:1fr;gap:var(--space-12)}.active-filters-container{flex-direction:row;align-items:center;justify-content:space-between}.active-filters-list{flex:1}.clear-all-btn{width:auto}}@media (min-width: 1024px){.filter-controls-container{gap:var(--filter-section-spacing);margin-top:var(--filter-to-tabs-spacing)}.filter-toggle-grid,.filter-multi-select-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.filter-range-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media screen and (min-width: 1200px) and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 2){.filter-toggle-grid,.filter-multi-select-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-12)}.filter-range-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-10)}}@media (prefers-contrast: high){.category-button.active{outline:2px solid var(--color-text)}}@media (prefers-reduced-motion: reduce){.category-button,.filter-bubble,.filter-dialog,.filter-view-trends-button,.filter-save-trend-button{transition:none;animation:none}.filter-dialog{opacity:1;transform:none}}.table-container{background:var(--color-surface);border-radius:var(--radius-base);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden;position:relative}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.table-wrapper::-webkit-scrollbar{display:none}@media (max-width: 767px){.table-container:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--color-border-light);pointer-events:none;z-index:2;opacity:0;transition:opacity var(--duration-fast)}.table-wrapper:not(:hover)+.table-container:after{opacity:.5}.table-wrapper{box-shadow:inset -1px 0 3px #0000000d}}.data-table{width:100%;min-width:320px;border-collapse:separate;border-spacing:0;background:var(--color-surface);font-variant-numeric:tabular-nums}.data-table thead{background:var(--color-secondary)}.data-table th{padding:var(--space-8) var(--space-6);font-size:var(--font-size-xxs);font-weight:var(--font-weight-semibold);color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;-webkit-user-select:none;user-select:none;border-bottom:2px solid var(--color-border);text-align:center}.data-table th:first-child{text-align:left;padding-left:var(--space-8)}.data-table tbody tr{transition:background-color var(--duration-fast) var(--ease-standard);border-bottom:1px solid var(--color-card-border-inner)}.data-table tbody tr:hover{background:var(--color-accent-royal)}.data-table tbody tr:last-child{border-bottom:none}.data-table td{padding:var(--space-10) var(--space-6);font-size:var(--font-size-xs);vertical-align:middle;text-align:center}.data-table td:first-child{text-align:left;padding-left:var(--space-8)}.bet-type-cell{font-weight:var(--font-weight-semibold);color:var(--color-text);font-size:var(--font-size-xs);white-space:nowrap}.record-display,.positive-value,.negative-value,.neutral-value{font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold);display:inline-block;padding:var(--space-4) var(--space-6);border-radius:var(--radius-sm);border:1px solid;white-space:nowrap;min-width:fit-content;text-align:center;font-size:var(--font-size-xs)}.record-display{background:var(--color-secondary-touch);border-color:var(--color-border);color:var(--color-text);display:inline-flex;align-items:center;gap:1px;padding:var(--space-2) var(--space-4)}.record-wins{color:var(--color-positive);font-weight:var(--font-weight-semibold)}.record-losses{color:var(--color-negative);font-weight:var(--font-weight-semibold)}.record-pushes{color:var(--color-text-secondary)}.record-separator{color:var(--color-text-tertiary);margin:0 1px}.positive-value{color:var(--color-positive);background:var(--color-success-subtle-touch);border-color:var(--color-positive)}.negative-value{color:var(--color-negative);background:var(--color-hover-danger-touch);border-color:var(--color-negative)}.neutral-value{color:var(--color-text-secondary);background:var(--color-secondary-touch);border-color:var(--color-border)}@media (max-width: 379px){.roi-header,.roi-cell{display:none}}.table-empty-state{text-align:center;padding:var(--space-24);background:var(--color-surface);border-radius:var(--radius-base);border:2px dashed var(--color-border)}.empty-state-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-6) 0}.table-loading-state{display:flex;align-items:center;justify-content:center;padding:var(--space-20);background:var(--color-surface);border-radius:var(--radius-base);border:1px solid var(--color-border)}.table-loading-spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-right:var(--space-8)}.table-loading-message{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic}.data-table th[role=columnheader]{cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}.data-table th[role=columnheader]:hover{background:var(--color-secondary-hover);color:var(--color-primary)}.data-table th[role=columnheader]:focus{outline:2px solid var(--color-primary);outline-offset:-2px}@media (min-width: 380px){.roi-header,.roi-cell{display:table-cell}.data-table th{padding:var(--space-8) var(--space-8)}.data-table td{padding:var(--space-10) var(--space-8)}.record-display{padding:var(--space-4) var(--space-6);gap:2px}}@media (min-width: 480px){.data-table th{padding:var(--space-10) var(--space-10);font-size:var(--font-size-xs);letter-spacing:.08em}.data-table td{padding:var(--space-12) var(--space-10);font-size:var(--font-size-sm)}.data-table th:first-child,.data-table td:first-child{padding-left:var(--space-12)}.bet-type-cell{font-size:var(--font-size-sm)}.record-display,.positive-value,.negative-value,.neutral-value{padding:var(--space-4) var(--space-8);font-size:var(--font-size-sm)}.record-display{gap:var(--space-2)}.record-separator{margin:0 2px}.table-empty-state{padding:var(--space-32)}.empty-state-title{font-size:var(--font-size-lg);margin:0 0 var(--space-8) 0}.empty-state-message{font-size:var(--font-size-base)}}@media (min-width: 768px){.table-container:after{display:none}.table-wrapper{box-shadow:none}.data-table th{padding:var(--space-12) var(--space-16);font-size:var(--font-size-xs)}.data-table td{padding:var(--space-12) var(--space-16);font-size:var(--font-size-smx)}.data-table th:first-child,.data-table td:first-child{padding-left:var(--space-20)}.bet-type-cell{font-size:var(--font-size-sm)}.record-display,.positive-value,.negative-value,.neutral-value{padding:var(--space-6) var(--space-12);font-size:var(--font-size-smx);min-width:3.5rem}.record-display{gap:var(--space-4)}.record-separator{margin:0 var(--space-2)}}@media (min-width: 1024px){.data-table th,.data-table td{padding:1rem clamp(.75rem,2vw,1.5rem)}.record-display,.positive-value,.negative-value,.neutral-value{padding:.4rem 1rem}.record-display{gap:.125rem}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-12);padding:var(--space-20);min-height:120px}.loading-spinner{width:32px;height:32px;border:2px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner.sm{width:20px;height:20px}.loading-spinner.lg{width:40px;height:40px;border-width:3px}.loading-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;text-align:center}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{50%{opacity:.5}}}@media (min-width: 768px){.loading-spinner-container{gap:var(--space-16);padding:var(--space-32);min-height:200px}.loading-spinner{width:40px;height:40px;border-width:3px}.loading-spinner.sm{width:24px;height:24px}.loading-spinner.lg{width:56px;height:56px}.loading-message{font-size:var(--font-size-base)}}.chart-container{width:100%;min-height:300px;border-radius:var(--radius-base);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.custom-chart-tooltip{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-8) var(--space-10);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);font-size:var(--font-size-xs);min-width:140px;max-width:180px;position:relative}.tooltip-label{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--color-text);font-size:var(--font-size-xs);border-bottom:1px solid var(--color-card-border-inner);padding-bottom:var(--space-4)}.tooltip-content{display:flex;flex-direction:column;gap:var(--space-4)}.tooltip-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);padding:var(--space-2) 0;min-height:20px}.tooltip-name{font-weight:var(--font-weight-medium);margin-right:var(--space-8);flex-shrink:0}.tooltip-value{font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold);white-space:nowrap;text-align:right}.tooltip-value.positive{color:var(--color-positive)}.tooltip-value.negative{color:var(--color-negative)}.chart-empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;min-height:300px;gap:var(--space-6);color:var(--color-text-secondary);font-style:italic;text-align:center;background:var(--color-secondary);border-radius:var(--radius-base);padding:var(--space-16)}.empty-state-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.empty-state-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.empty-state-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-normal)}.recharts-legend-wrapper{padding-top:var(--space-4)!important}.recharts-legend-item{margin-right:var(--space-6)!important}.recharts-legend-item-text{color:var(--color-text)!important;font-size:var(--font-size-xxs)!important;font-weight:var(--font-weight-medium)!important;font-family:var(--font-family-base)!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--color-card-border-inner)!important;stroke-opacity:.3!important}.recharts-xAxis .recharts-cartesian-axis-tick-value,.recharts-yAxis .recharts-cartesian-axis-tick-value{fill:var(--color-text-secondary)!important;font-size:var(--font-size-xxs)!important;font-family:var(--font-family-base)!important}.recharts-line{stroke-width:2px!important}.recharts-dot{stroke-width:1.5px!important;r:3!important}.recharts-line.moneyline{stroke:var(--color-primary)!important}.recharts-dot.moneyline{fill:var(--color-primary)!important;stroke:var(--color-surface)!important}.recharts-line.spread{stroke:var(--color-warning)!important}.recharts-dot.spread{fill:var(--color-warning)!important;stroke:var(--color-surface)!important}.recharts-line.total-over{stroke:var(--color-info)!important}.recharts-dot.total-over{fill:var(--color-info)!important;stroke:var(--color-surface)!important}.recharts-line.total-under{stroke:var(--color-error)!important}.recharts-dot.total-under{fill:var(--color-error)!important;stroke:var(--color-surface)!important}@media (min-width: 480px){.chart-container,.chart-empty-state{min-height:350px}.custom-chart-tooltip{padding:var(--space-10) var(--space-12);max-width:200px}.tooltip-label{font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.tooltip-item{font-size:var(--font-size-sm)}.recharts-legend-item-text,.recharts-xAxis .recharts-cartesian-axis-tick-value,.recharts-yAxis .recharts-cartesian-axis-tick-value{font-size:var(--font-size-xs)!important}}@media (min-width: 768px){.chart-container{min-height:clamp(300px,50vh,500px)}.chart-empty-state{min-height:clamp(300px,50vh,500px);padding:2rem}.empty-state-title{font-size:var(--font-size-lg)}.empty-state-message{font-size:var(--font-size-base)}.custom-chart-tooltip{padding:1rem 1.25rem;font-size:var(--font-size-sm);min-width:180px;max-width:220px}.tooltip-label{margin-bottom:.75rem;font-size:var(--font-size-base);padding-bottom:.5rem}.tooltip-content{gap:.5rem}.tooltip-item{font-size:var(--font-size-sm);padding:.25rem 0;min-height:1.5rem}.tooltip-name{margin-right:1rem}.recharts-legend-wrapper{padding-top:1rem!important}.recharts-legend-item{margin-right:1rem!important}.recharts-legend-item-text{font-size:var(--font-size-sm)!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke-opacity:.4!important}.recharts-xAxis .recharts-cartesian-axis-tick-value,.recharts-yAxis .recharts-cartesian-axis-tick-value{font-size:var(--font-size-xs)!important}.recharts-line{stroke-width:2.5px!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.recharts-dot{stroke-width:2px!important;r:4!important}}.upcoming-games-summary{margin-bottom:var(--space-8);padding:var(--space-4) var(--space-8);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-standard)}.upcoming-games-summary:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--color-primary)}.summary-text{margin:0;font-size:var(--font-size-xxs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-align:center}.summary-text strong{color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:11px}.upcoming-games-grid{display:flex;flex-direction:column;gap:var(--space-10);flex:1;overflow-y:auto;min-height:0;padding-right:var(--space-2);scroll-behavior:smooth}.upcoming-games-grid::-webkit-scrollbar{width:4px}.upcoming-games-grid::-webkit-scrollbar-track{background:var(--color-secondary);border-radius:var(--radius-sm)}.upcoming-games-grid::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-standard)}.upcoming-games-grid::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.game-card{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--space-12);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-standard);position:relative;overflow:hidden;flex-shrink:0}.game-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));opacity:0;transition:opacity var(--duration-normal) var(--ease-standard)}.game-card:hover:before{opacity:1}.game-header{text-align:center;margin-bottom:var(--space-10);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-card-border-inner)}.matchup{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2);letter-spacing:-.02em}.game-info{font-size:var(--font-size-xxs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.stadium-info{font-size:9px;color:var(--color-text-tertiary);margin-top:var(--space-1);font-style:italic}.playoff-badge{background:var(--color-primary);color:var(--color-btn-primary-text);padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:9px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.03em}.teams-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-10)}.team-section{display:flex;flex-direction:column;gap:var(--space-4)}.team-label{font-size:9px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);text-align:center;margin-bottom:0}.home-label{color:var(--color-primary)}.team-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text);text-align:center;margin-bottom:var(--space-4);min-height:16px}.betting-lines{display:flex;flex-direction:column;gap:var(--space-4)}.line{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-8);background:var(--color-accent-sage);border-radius:var(--radius-base);border:1px solid var(--color-card-border);transition:all var(--duration-fast) var(--ease-standard);min-height:28px}.line:hover{background:var(--color-accent-royal);border-color:var(--color-primary);transform:translate(1px)}.line-label{font-size:var(--font-size-xxs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.03em}.line-value{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text)}.total-section{padding:var(--space-8);background:var(--color-accent-royal);border-radius:var(--radius-base);border:1px solid var(--color-filter-border)}.total-line{display:flex;justify-content:space-between;align-items:center}.total-label{color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xxs)}.total-value{color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-family-mono)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-20);min-height:120px}.loading-spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-8)}.loading-state p{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin:0}.error-state{text-align:center;padding:var(--space-16);background:rgba(var(--color-coral-salmon-light-rgb),.05);border-radius:var(--radius-base);border:1px solid var(--color-error)}.error-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-error);margin:0 0 var(--space-4) 0}.error-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.empty-state{text-align:center;padding:var(--space-16);background:var(--color-secondary);border-radius:var(--radius-base);border:2px dashed var(--color-border)}.empty-state-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-4) 0}.empty-state-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-normal)}@media (min-width: 480px){.upcoming-games-summary{padding:var(--space-8) var(--space-12)}.summary-text{font-size:var(--font-size-sm)}.upcoming-games-grid{gap:var(--space-12);padding-right:var(--space-4)}.game-card{padding:var(--space-12)}.game-header{margin-bottom:var(--space-12);padding-bottom:var(--space-10)}.matchup{font-size:15px}.game-info{font-size:var(--font-size-xs);gap:var(--space-6)}.stadium-info{font-size:var(--font-size-xxs);margin-top:var(--space-2)}.playoff-badge{padding:var(--space-1) var(--space-4);font-size:var(--font-size-xxs)}.teams-grid{gap:var(--space-16);margin-bottom:var(--space-12)}.team-section{gap:var(--space-6)}.team-label{font-size:var(--font-size-xxs);margin-bottom:var(--space-1)}.team-name{font-size:var(--font-size-sm);margin-bottom:var(--space-6);min-height:18px}.betting-lines{gap:var(--space-6)}.line{padding:var(--space-6) var(--space-8)}.line-label{font-size:var(--font-size-xxs)}.line-value{font-size:var(--font-size-xs)}.total-section{padding:var(--space-10)}.total-label{font-size:var(--font-size-xs)}.total-value{font-size:var(--font-size-sm)}}@media (min-width: 768px){.upcoming-games-summary{margin-bottom:var(--space-12);padding:var(--space-10) var(--space-16)}.upcoming-games-grid{padding-right:var(--space-6)}.upcoming-games-grid::-webkit-scrollbar{width:5px}.game-card{padding:18px}.game-header{margin-bottom:18px;padding-bottom:var(--space-12)}.matchup{font-size:17px}.game-info{font-size:var(--font-size-sm);gap:var(--space-8)}.stadium-info{font-size:var(--font-size-xs)}.playoff-badge{font-size:var(--font-size-xs);letter-spacing:.05em}.teams-grid{gap:22px;margin-bottom:18px}.team-section{gap:var(--space-10)}.team-label{font-size:var(--font-size-xs);margin-bottom:var(--space-2)}.team-name{font-size:15px;margin-bottom:var(--space-6);min-height:22px}.betting-lines{gap:7px}.line{padding:7px 11px}.line:hover{transform:translate(2px)}.line-label{font-size:var(--font-size-sm)}.line-value{font-size:var(--font-size-base)}.total-section{padding:14px}.total-label{font-size:var(--font-size-base)}.total-value{font-size:15px}}@media (min-width: 1024px){.upcoming-games-grid::-webkit-scrollbar{width:6px}.game-card{padding:20px}.game-header{margin-bottom:20px}.matchup{font-size:var(--font-size-xl)}.teams-grid{gap:24px;margin-bottom:20px}.team-section{gap:var(--space-12)}.team-name{font-size:var(--font-size-lg);min-height:24px}.betting-lines{gap:8px}.line{padding:8px 12px}.total-section{padding:16px}.loading-state{padding:var(--space-32);min-height:200px}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);margin-bottom:var(--space-16)}.loading-state p{font-size:var(--font-size-base)}.error-state,.empty-state{padding:var(--space-32)}.error-title,.empty-state-title{font-size:var(--font-size-lg);margin:0 0 var(--space-8) 0}.error-description,.empty-state-description{font-size:var(--font-size-base)}}@media screen and (min-width: 1200px) and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 2){.game-card{padding:var(--space-12)}.game-header{margin-bottom:var(--space-12);padding-bottom:var(--space-10)}.matchup{font-size:var(--font-size-lg)}.teams-grid{gap:var(--space-16);margin-bottom:var(--space-12)}.line{padding:var(--space-4) var(--space-8)}.total-section{padding:var(--space-10)}}.historical-games-summary{margin-bottom:var(--space-10);padding:var(--space-8) var(--space-12);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.summary-text{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-align:center}.summary-text strong{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.historical-games-container{background:var(--color-surface);border-radius:var(--radius-base);border:1px solid var(--color-card-border);max-height:320px;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.historical-games-container::-webkit-scrollbar{width:6px;height:6px}.historical-games-container::-webkit-scrollbar-track{background:var(--color-neutral-100)}.historical-games-container::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:var(--radius-sm)}.historical-games-container::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}.historical-games-table{width:100%;border-collapse:collapse;font-size:var(--font-size-xs)}.historical-games-table thead{position:sticky;top:0;z-index:10;background:var(--color-surface);border-bottom:2px solid var(--color-border)}.historical-games-table th{padding:var(--space-8) var(--space-10);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-secondary);text-align:left;white-space:nowrap}.historical-games-table th.col-season-week,.historical-games-table th.col-score,.historical-games-table th.col-moneyline,.historical-games-table th.col-spread,.historical-games-table th.col-total{text-align:center}.historical-games-table tbody tr{border-bottom:1px solid var(--color-border-light);transition:background-color var(--duration-fast) var(--ease-standard)}.historical-games-table tbody tr:hover{background:var(--color-secondary-touch)}.historical-games-table tbody tr:last-child{border-bottom:none}.historical-games-table td{padding:var(--space-8) var(--space-10);font-size:var(--font-size-xs);color:var(--color-text);vertical-align:middle}.col-season-week{text-align:center;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);white-space:nowrap}.col-matchup{font-weight:var(--font-weight-medium);white-space:nowrap}.col-score{text-align:center;font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold);white-space:nowrap}.col-moneyline,.col-spread,.col-total{text-align:center;font-family:var(--font-family-mono);font-weight:var(--font-weight-medium);white-space:nowrap}.outcome-block{display:inline-block;padding:var(--space-4) var(--space-6);border-radius:var(--radius-sm);border:1px solid;font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);min-width:fit-content;text-align:center;white-space:nowrap}.outcome-block.outcome-win{color:var(--color-positive);background:var(--color-success-subtle-touch);border-color:var(--color-positive)}.outcome-block.outcome-loss{color:var(--color-negative);background:var(--color-hover-danger-touch);border-color:var(--color-negative)}.outcome-block.outcome-push{color:var(--color-text-secondary);background:var(--color-secondary-touch);border-color:var(--color-border)}.col-total{position:relative}.total-value{margin-right:var(--space-6);font-family:var(--font-family-mono);font-weight:var(--font-weight-bold)}.total-arrows{display:inline-flex;gap:var(--space-4);align-items:center;vertical-align:middle}.arrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:1;display:inline-block}.arrow.outcome-win{color:var(--color-positive)}.arrow.outcome-loss{color:var(--color-negative)}.arrow.outcome-push{color:var(--color-text-tertiary)}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-top:var(--space-12);padding:var(--space-8);flex-wrap:wrap}.pagination-btn{padding:var(--space-6) var(--space-10);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}.pagination-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-btn-primary-text);border-color:var(--color-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;color:var(--color-text-tertiary);background:var(--color-neutral-100)}.pagination-info{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);margin:0 var(--space-6)}.pagination-info strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-20);min-height:150px}.loading-spinner{width:28px;height:28px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--space-12)}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p,.error-description,.empty-state-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;text-align:center}.error-title,.empty-state-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-6) 0;color:var(--color-text)}.error-state{border:1px solid var(--color-error);border-radius:var(--radius-base);background:var(--color-surface)}.error-title{color:var(--color-error)}.empty-state{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-base)}@media (min-width: 480px){.historical-games-summary{padding:var(--space-10) var(--space-16)}.summary-text{font-size:var(--font-size-sm)}.historical-games-container{max-height:380px}.historical-games-table th{padding:var(--space-10) var(--space-12);font-size:var(--font-size-xs)}.historical-games-table td{padding:var(--space-10) var(--space-12);font-size:var(--font-size-sm)}.pagination-controls{gap:var(--space-8)}.pagination-btn{padding:var(--space-8) var(--space-12);font-size:var(--font-size-sm)}.pagination-info{font-size:var(--font-size-sm)}.outcome-block{padding:var(--space-4) var(--space-8);font-size:var(--font-size-sm)}.arrow{font-size:var(--font-size-sm)}}@media (min-width: 768px){.historical-games-summary{margin-bottom:var(--space-16);padding:var(--space-12) var(--space-20)}.summary-text{font-size:var(--font-size-smx)}.historical-games-container{max-height:520px}.historical-games-table{font-size:var(--font-size-smx)}.historical-games-table th{padding:var(--space-12) var(--space-16);font-size:var(--font-size-xs);letter-spacing:.03em}.historical-games-table td{padding:var(--space-12) var(--space-16);font-size:var(--font-size-smx)}.col-matchup{white-space:normal}.pagination-controls{gap:var(--space-12);margin-top:var(--space-16);padding:var(--space-12);flex-wrap:nowrap}.pagination-btn{padding:var(--space-8) var(--space-16);font-size:var(--font-size-smx)}.pagination-info{font-size:var(--font-size-smx);margin:0 var(--space-8)}.loading-state,.error-state,.empty-state{padding:var(--space-32);min-height:200px}.loading-spinner{width:32px;height:32px;margin-bottom:var(--space-16)}.loading-state p,.error-description,.empty-state-description{font-size:var(--font-size-smx)}.error-title,.empty-state-title{font-size:var(--font-size-lg);margin:0 0 var(--space-8) 0}.outcome-block{padding:var(--space-6) var(--space-12);font-size:var(--font-size-smx);min-width:3.5rem}.arrow,.total-value{font-size:var(--font-size-smx)}}@media (min-width: 1024px){.outcome-block{padding:.4rem 1rem}.arrow,.total-value{font-size:var(--font-size-smx)}}.analytics-dashboard-content{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.columns-synchronized .dashboard-section.upcoming-games{overflow-y:auto;overflow-x:hidden}.dashboard-loading-container{display:flex;align-items:center;justify-content:center;min-height:60vh;width:100%}.dashboard-error-container{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:var(--font-size-lg);color:var(--color-text-secondary)}.page-info-box{padding:var(--space-8);background:var(--color-accent-royal);border-radius:var(--radius-base);border:1px solid var(--color-filter-border);margin-top:var(--space-12);margin-bottom:var(--space-8);display:block;width:100%;box-sizing:border-box}.page-info-text{color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xxs);line-height:1.4;margin:0;display:block}@media (min-width: 480px){.page-info-box{padding:var(--space-10);margin-top:var(--space-14);margin-bottom:var(--space-10)}.page-info-text{font-size:var(--font-size-xs);line-height:1.5}}@media (min-width: 768px){.page-info-box{padding:var(--space-12);margin-top:var(--space-16);margin-bottom:var(--space-12)}.page-info-text{font-size:var(--font-size-sm)}}@media (min-width: 1024px){.page-info-box{padding:var(--space-16)}.page-info-text{font-size:var(--font-size-sm);line-height:1.5}}.home-page{min-height:100vh;background:var(--color-background);overflow-x:hidden}.hero-section{padding:var(--space-32) var(--space-16);min-height:70vh;display:flex;align-items:center;justify-content:center;position:relative;background:var(--color-background)}.hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(var(--color-bright-blue-light-rgb),.08) 0%,transparent 60%);pointer-events:none}.hero-content{max-width:100%;text-align:center;position:relative;z-index:1;padding:0 var(--space-8)}.hero-logo{width:130px;height:130px;margin:0 auto var(--space-16) auto;display:block;object-fit:contain}.hero-title{font-size:2.5rem;font-weight:var(--font-weight-bold);margin:0 0 var(--space-12) 0;line-height:1.1;color:var(--color-primary)}.hero-subtitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-12) 0;line-height:1.3}.hero-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-24) 0;line-height:1.5}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-12) var(--space-20);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;width:100%;max-width:280px}.cta-primary{background:var(--color-primary);color:var(--color-btn-primary-text);box-shadow:0 2px 8px rgba(var(--color-bright-blue-light-rgb),.25)}.cta-primary:active{transform:scale(.98)}.cta-secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.cta-secondary:active{background:var(--color-primary);color:var(--color-btn-primary-text)}.cta-icon{transition:transform var(--duration-fast) var(--ease-standard);flex-shrink:0}.features-section{padding:var(--space-32) var(--space-16);background:var(--color-surface)}.features-container{max-width:100%;margin:0 auto}.features-title{text-align:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-24) 0}.features-grid{display:flex;flex-direction:column;gap:var(--space-16)}.feature-card{background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-20);text-align:center;transition:all var(--duration-fast) var(--ease-standard)}.feature-card:active{transform:scale(.98);border-color:var(--color-primary)}.feature-icon{width:48px;height:48px;margin:0 auto var(--space-12);display:flex;align-items:center;justify-content:center;background:rgba(var(--color-bright-blue-light-rgb),.1);border-radius:var(--radius-base);color:var(--color-primary)}.feature-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-8) 0}.feature-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4;margin:0}.stats-section{padding:var(--space-32) var(--space-16);background:linear-gradient(135deg,var(--color-primary) 0%,rgba(var(--color-bright-blue-light-rgb),.9) 100%)}.stats-container{max-width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-20)}.stat-item{text-align:center;color:var(--color-btn-primary-text)}.stat-number{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-4) 0}.stat-label{font-size:var(--font-size-xs);opacity:.9;text-transform:uppercase;letter-spacing:.05em}.cta-section{padding:var(--space-32) var(--space-16);background:var(--color-background)}.cta-container{max-width:100%;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}.cta-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-12) 0}.cta-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-20) 0;line-height:1.4}.home-footer{padding:var(--space-20) var(--space-16);background:var(--color-surface);border-top:1px solid var(--color-border-light);text-align:center}.footer-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0 0 var(--space-8) 0;line-height:1.4}.footer-contact{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1.4}.footer-email-link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--duration-fast) var(--ease-standard)}.footer-email-link:hover{color:var(--color-primary-hover);text-decoration:underline}.footer-email-link:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-content{animation:fadeInUp .6s var(--ease-standard)}@media (min-width: 480px){.hero-logo{width:150px;height:150px}.hero-title{font-size:3rem}.hero-subtitle{font-size:var(--font-size-xl)}.hero-description{font-size:var(--font-size-base);max-width:500px;margin-left:auto;margin-right:auto}.cta-button{width:auto}}@media (min-width: 768px){.hero-section{padding:var(--space-32) var(--space-20);min-height:80vh}.hero-section:before{background:radial-gradient(circle at 20% 50%,rgba(var(--color-bright-blue-light-rgb),.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(var(--color-sage-green-light-rgb),.05) 0%,transparent 50%)}.hero-content{max-width:700px}.hero-logo{width:190px;height:190px;margin-bottom:var(--space-20)}.hero-title{font-size:3.5rem;margin-bottom:var(--space-16)}.hero-subtitle{font-size:var(--font-size-2xl)}.hero-description{font-size:var(--font-size-base);max-width:600px;margin-bottom:var(--space-32)}.cta-button{padding:var(--space-12) var(--space-24)}.features-section{padding:var(--space-32) var(--space-20)}.features-container{max-width:900px}.features-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-32)}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-20)}.feature-card{padding:var(--space-24)}.stats-section{padding:var(--space-32) var(--space-20)}.stats-container{max-width:700px;grid-template-columns:repeat(4,1fr);gap:var(--space-24)}.stat-number{font-size:var(--font-size-3xl)}.stat-label{font-size:var(--font-size-sm)}.cta-section{padding:var(--space-32) var(--space-20)}.cta-container{max-width:500px}.cta-title{font-size:var(--font-size-2xl)}.cta-subtitle{font-size:var(--font-size-base);margin-bottom:var(--space-24)}.home-footer{padding:var(--space-24) var(--space-20)}}@media (min-width: 1024px){.hero-section{padding:var(--space-32) var(--space-24);min-height:85vh}.hero-content{max-width:800px}.hero-logo{width:230px;height:230px;margin-bottom:var(--space-24)}.hero-title{font-size:4rem;margin-bottom:var(--space-20)}.hero-subtitle{font-size:var(--font-size-2xl);margin-bottom:var(--space-16)}.hero-description{margin-bottom:var(--space-32)}.features-section{padding:var(--space-32) var(--space-24)}.features-container{max-width:1200px}.features-title{margin-bottom:var(--space-32)}.features-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-24)}.stats-section{padding:var(--space-32) var(--space-24)}.stats-container{max-width:1000px;gap:var(--space-24)}.cta-section{padding:var(--space-32) var(--space-24)}.cta-container{max-width:600px}.home-footer{padding:var(--space-24) var(--space-24)}.cta-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--color-bright-blue-light-rgb),.35)}.cta-secondary:hover{background:var(--color-primary);color:var(--color-btn-primary-text);transform:translateY(-2px)}.cta-button:hover .cta-icon{transform:translate(4px)}.feature-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.feature-card:hover .feature-icon{background:var(--color-primary);color:var(--color-btn-primary-text)}.feature-card{animation:fadeInUp .6s var(--ease-standard) backwards}.feature-card:nth-child(2){animation-delay:.1s}.feature-card:nth-child(3){animation-delay:.2s}.feature-card:nth-child(4){animation-delay:.3s}}.toast-container{position:fixed;bottom:var(--space-20);left:var(--space-12);right:var(--space-12);z-index:20000;display:flex;flex-direction:column-reverse;gap:var(--space-8);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-10);padding:var(--space-12) var(--space-14);background:var(--color-surface);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);pointer-events:all;animation:toast-slide-up .25s cubic-bezier(.16,1,.3,1);border:1px solid var(--color-border-light)}@keyframes toast-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-message{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);line-height:var(--line-height-normal)}.toast-close{flex-shrink:0;width:20px;height:20px;padding:0;background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;-webkit-tap-highlight-color:transparent}.toast-success{border-left:3px solid var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-left:3px solid var(--color-error)}.toast-error .toast-icon{color:var(--color-error)}.toast-warning{border-left:3px solid var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info{border-left:3px solid var(--color-primary)}.toast-info .toast-icon{color:var(--color-primary)}@media (min-width: 768px){.toast-container{top:var(--space-20);bottom:auto;left:auto;right:var(--space-20);max-width:380px;flex-direction:column}.toast{animation-name:toast-slide-in}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-message{font-size:var(--font-size-base)}}@media (min-width: 1024px){.toast-container{max-width:420px}}.account-dropdown-panel{position:absolute;top:calc(100% + var(--space-8));right:0;min-width:320px;max-width:min(400px,calc(100vw - var(--space-32)));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;z-index:1000;transition:height var(--duration-normal) var(--ease-standard)}.dropdown-panel-header{padding:var(--space-16);background:var(--color-secondary)}.dropdown-user-info{display:flex;flex-direction:column;gap:var(--space-2)}.dropdown-user-email{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);word-break:break-word}.dropdown-user-name{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.dropdown-panel-nav{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--color-border-light)}.dropdown-panel-back{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}.dropdown-panel-back:hover{background:var(--color-secondary);color:var(--color-text)}.dropdown-panel-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.dropdown-panel-divider{height:1px;background:var(--color-border-light);margin:0}.dropdown-panel-menu{padding:var(--space-8) 0}.dropdown-panel-item{display:flex;align-items:center;gap:var(--space-12);width:100%;min-height:44px;padding:var(--space-10) var(--space-16);background:transparent;border:none;color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);text-align:left;cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);position:relative}.dropdown-panel-item:hover{background:var(--color-secondary)}.dropdown-panel-item svg{flex-shrink:0;color:var(--color-text-secondary)}.dropdown-item-arrow{margin-left:auto;color:var(--color-text-tertiary)}.dropdown-panel-signout{color:var(--color-error)}.dropdown-panel-signout:hover{background:rgba(var(--color-coral-salmon-light-rgb),.1)}.dropdown-panel-signout svg{color:var(--color-error)}.dropdown-panel-content{padding:var(--space-16);max-height:400px;overflow-y:auto}.dropdown-form{display:flex;flex-direction:column;gap:var(--space-16)}.dropdown-form-row{display:grid;grid-template-columns:1fr;gap:var(--space-12)}.dropdown-form-group{display:flex;flex-direction:column;gap:var(--space-6)}.dropdown-form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.dropdown-form-group input,.dropdown-form-group select{min-height:44px;padding:var(--space-10) var(--space-12);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-base);font-size:var(--font-size-base);color:var(--color-text);font-family:var(--font-family-base);transition:all var(--duration-fast) var(--ease-standard)}.dropdown-form-group select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4 6 4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--space-12) center;background-size:16px;padding-right:var(--space-32)}.dropdown-form-group input:focus,.dropdown-form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-bright-blue-light-rgb),.1)}.dropdown-password-input{position:relative}.dropdown-password-input input{width:100%;padding-right:calc(var(--space-12) + 44px)}.dropdown-password-toggle{position:absolute;top:50%;right:0;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;opacity:.6;transition:opacity var(--duration-fast) ease}.dropdown-password-toggle:hover{opacity:1}.dropdown-theme-options{display:flex;flex-direction:column;gap:var(--space-8)}.dropdown-theme-option{display:flex;align-items:center;gap:var(--space-12);min-height:48px;padding:var(--space-12);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);position:relative}.dropdown-theme-option:hover{background:var(--color-secondary);border-color:var(--color-primary)}.dropdown-theme-option.active{background:var(--color-accent-royal);border-color:var(--color-primary)}.dropdown-theme-option svg{flex-shrink:0}.dropdown-theme-check{margin-left:auto;color:var(--color-primary)}.dropdown-button-primary{min-height:44px;padding:var(--space-10) var(--space-16);background:var(--color-primary);color:var(--color-btn-primary-text);border:none;border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);width:100%}.dropdown-button-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.dropdown-button-primary:disabled{opacity:.5;cursor:not-allowed}.dropdown-help-text{margin-top:var(--space-12);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.dropdown-error-message{padding:var(--space-8) var(--space-10);background:rgba(var(--color-coral-salmon-light-rgb),.1);border:1px solid var(--color-error);border-radius:var(--radius-base);font-size:var(--font-size-sm);color:var(--color-error)}.dropdown-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-32);gap:var(--space-12)}.dropdown-spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:dropdown-spin .6s linear infinite}@keyframes dropdown-spin{to{transform:rotate(360deg)}}@media (min-width: 768px){.dropdown-form-row{grid-template-columns:1fr 1fr}}.account-button-container{position:relative}.account-signin-button{padding:var(--space-12) var(--space-20);min-height:44px;background:var(--color-primary);color:var(--color-btn-primary-text);border:none;border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}.account-signin-button:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.account-signin-button:focus{outline:none;box-shadow:var(--focus-ring)}.account-avatar-button{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6);min-height:44px;background:transparent;border:1px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}.account-avatar-button:hover,.account-avatar-button.active{background:var(--color-secondary);border-color:var(--color-border)}.account-avatar-button:focus{outline:none;box-shadow:var(--focus-ring)}.account-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-btn-primary-text);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px}.account-dropdown-arrow{color:var(--color-text-secondary);transition:transform var(--duration-fast) var(--ease-standard)}.account-dropdown-arrow.open{transform:rotate(180deg)}.account-button-skeleton{display:flex;align-items:center;padding:var(--space-6);min-height:44px}.skeleton-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-secondary) 0%,var(--color-border-light) 50%,var(--color-secondary) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.account-dropdown{position:absolute;top:calc(100% + var(--space-8));right:0;min-width:240px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;z-index:1000;animation:dropdown-slide-in var(--duration-normal) var(--ease-standard)}@keyframes dropdown-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.account-dropdown-header{padding:var(--space-16);background:var(--color-secondary)}.account-dropdown-user{display:flex;flex-direction:column;gap:var(--space-2)}.account-dropdown-email{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);word-break:break-word}.account-dropdown-name{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.account-dropdown-divider{height:1px;background:var(--color-border-light);margin:0}.account-dropdown-menu{padding:var(--space-8) 0}.account-dropdown-item{display:flex;align-items:center;gap:var(--space-12);width:100%;min-height:44px;padding:var(--space-10) var(--space-16);background:transparent;border:none;color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);text-align:left;cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}.account-dropdown-item:hover:not(:disabled){background:var(--color-secondary)}.account-dropdown-item:focus{outline:none;background:var(--color-secondary)}.account-dropdown-item.disabled{opacity:.5;cursor:not-allowed}.account-dropdown-item svg{flex-shrink:0;color:var(--color-text-secondary)}.account-dropdown-badge{margin-left:auto;padding:var(--space-2) var(--space-6);background:var(--color-primary);color:var(--color-btn-primary-text);border-radius:var(--radius-full);font-size:var(--font-size-xxs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.account-dropdown-count{margin-left:auto;padding:var(--space-2) var(--space-6);background:var(--color-success);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold)}.account-dropdown-theme-icon{font-size:var(--font-size-lg);width:18px;text-align:center}.account-dropdown-signout{color:var(--color-error)}.account-dropdown-signout:hover{background:rgba(var(--color-coral-salmon-light-rgb),.1)}.account-dropdown-signout svg{color:var(--color-error)}.account-dropdown-theme{padding:var(--space-12) var(--space-16)}.account-dropdown-label{display:block;margin-bottom:var(--space-8);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.account-theme-options{display:flex;gap:var(--space-4)}.account-theme-option{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-8);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}.account-theme-option:hover{background:var(--color-secondary);border-color:var(--color-primary);color:var(--color-text)}.account-theme-option.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-btn-primary-text)}.account-theme-option svg{width:16px;height:16px}.account-avatar-guest{background:var(--color-neutral-300);display:flex;align-items:center;justify-content:center}.account-avatar-guest svg{color:var(--color-neutral-600)}.account-dropdown-panel-guest{position:absolute;top:calc(100% + var(--space-8));right:0;min-width:240px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;z-index:1000;animation:dropdown-slide-in var(--duration-normal) var(--ease-standard)}.dropdown-panel-signin{display:flex;align-items:center;gap:var(--space-12);width:100%;min-height:44px;padding:var(--space-12) var(--space-16);background:transparent;border:none;color:var(--color-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}.dropdown-panel-signin:hover{background:rgba(var(--color-bright-blue-light-rgb),.1)}.dropdown-panel-signin svg{flex-shrink:0}.navbar{position:sticky;top:0;z-index:1000;background:var(--color-surface);border-bottom:1px solid var(--color-card-border);box-shadow:var(--shadow-sm);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.navbar-container{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);height:56px;margin:0 auto}.navbar-brand{flex-shrink:0}.brand-link{display:flex;align-items:center;gap:var(--space-8);text-decoration:none;padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--duration-normal) var(--ease-standard)}.brand-link:hover{background:var(--color-secondary)}.brand-link:focus-visible{outline:none;box-shadow:var(--focus-ring)}.brand-logo{width:36px;height:36px;border-radius:var(--radius-sm);object-fit:contain}.brand-text{display:flex;flex-direction:column;gap:1px}.brand-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.brand-tagline,.navbar-nav{display:none}.nav-link{position:relative;padding:var(--space-6) var(--space-12);border-radius:var(--radius-sm);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--duration-normal) var(--ease-standard)}.nav-link:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:var(--color-primary);transform:scaleX(0);transform-origin:center;transition:transform var(--duration-normal) var(--ease-standard)}.nav-link:hover{background:var(--color-secondary);color:var(--color-text)}.nav-link:hover:after{transform:scaleX(1)}.nav-link.active{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.nav-link.active:after{transform:scaleX(1)}.navbar-actions{display:flex;align-items:center;gap:var(--space-8);flex-shrink:0}.navbar-actions>*{display:flex;align-items:center}.mobile-menu-button{display:flex;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;padding:0;background:transparent;border:none;cursor:pointer}.hamburger-line{display:block;width:24px;height:2px;background:var(--color-text);transition:all var(--duration-fast) var(--ease-standard)}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:var(--space-16);display:flex;flex-direction:column;gap:var(--space-12)}.mobile-nav-link{padding:var(--space-12);color:var(--color-text);text-decoration:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);text-align:center}.mobile-nav-link:hover{background:var(--color-secondary)}.mobile-nav-link.active{background:var(--color-accent-royal);color:var(--color-primary);font-weight:var(--font-weight-semibold)}@media (min-width: 480px){.navbar-container{padding:0 var(--space-12)}.brand-link{gap:var(--space-10);padding:var(--space-4)}.brand-logo{width:40px;height:40px}.brand-name{font-size:var(--font-size-xl)}.navbar-actions{gap:var(--space-10)}}@media (min-width: 768px){.navbar-container{padding:0 var(--space-12);height:60px}.brand-logo{width:44px;height:44px}.brand-link{gap:var(--space-12)}.brand-name{font-size:var(--font-size-xl)}.navbar-nav{display:flex;flex:1;justify-content:center;gap:var(--space-6);margin:0 var(--space-8)}.nav-link{padding:var(--space-8) var(--space-12);font-size:var(--font-size-sm)}.mobile-menu-button{display:none}.desktop-only{display:flex}.navbar-actions{gap:var(--space-12)}}@media (min-width: 1024px){.navbar-container{max-width:var(--container-lg);padding:0 var(--space-16);height:64px}.brand-logo{width:48px;height:48px}.brand-name{font-size:var(--font-size-2xl)}.brand-text{gap:2px}.brand-tagline{display:block;font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;opacity:.9}.navbar-nav{gap:var(--space-8);margin:0 var(--space-16)}.nav-link{padding:var(--space-8) var(--space-16);font-size:var(--font-size-base)}.brand-link:hover{transform:scale(1.03)}}@media (min-width: 1280px){.navbar-container{max-width:var(--container-xl)}}.auth-modal-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:auth-backdrop-fade-in var(--duration-normal) ease-out;padding:var(--space-16)}@keyframes auth-backdrop-fade-in{0%{opacity:0}to{opacity:1}}.auth-modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:calc(100vw - var(--space-32));max-height:calc(100vh - var(--space-32));overflow-y:auto;animation:auth-modal-slide-up var(--duration-normal) var(--ease-standard)}@keyframes auth-modal-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-16);border-bottom:1px solid var(--color-border-light)}.auth-modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;letter-spacing:var(--letter-spacing-tight)}.auth-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}.auth-modal-close:hover{background:var(--color-secondary);color:var(--color-text)}.auth-value-prop{padding:var(--space-16);padding-bottom:var(--space-12);display:flex;flex-direction:column;gap:var(--space-10)}.auth-benefit{display:flex;align-items:center;gap:var(--space-10);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-benefit-icon{flex-shrink:0;color:var(--color-primary)}.auth-error-message{margin:0 var(--space-16) var(--space-12);padding:var(--space-10);background:rgba(var(--color-error-red-light-rgb),.1);border:1px solid var(--color-error);border-radius:var(--radius-base);color:var(--color-error);font-size:var(--font-size-xs);display:flex;align-items:flex-start;gap:var(--space-6)}.auth-error-message svg{flex-shrink:0;margin-top:var(--space-1)}.auth-form{padding:var(--space-12) var(--space-16) var(--space-20)}.auth-form-group{margin-bottom:var(--space-16)}.auth-label{display:block;margin-bottom:var(--space-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.auth-input{width:100%;padding:var(--space-10) var(--space-12);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-base);font-size:var(--font-size-base);color:var(--color-text);transition:all var(--duration-fast) var(--ease-standard)}.auth-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.auth-input:disabled{opacity:.6;cursor:not-allowed}.auth-input-error{border-color:var(--color-error)}.auth-input-error:focus{box-shadow:0 0 0 3px rgba(var(--color-error-red-light-rgb),.1)}.auth-field-error{display:block;margin-top:var(--space-4);font-size:var(--font-size-xs);color:var(--color-error)}.auth-email-display{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-10);background:var(--color-secondary);border-radius:var(--radius-base);margin-bottom:var(--space-16);font-size:var(--font-size-xs);flex-wrap:wrap}.auth-email-label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.auth-email-value{flex:1;color:var(--color-text);font-weight:var(--font-weight-medium);word-break:break-all}.auth-email-edit{padding:var(--space-4) var(--space-8);background:transparent;border:none;color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-standard)}.auth-email-edit:hover{background:var(--color-primary);color:var(--color-btn-primary-text)}.auth-password-wrapper{position:relative;display:flex;align-items:center}.auth-password-wrapper .auth-input{padding-right:44px}.auth-password-toggle{position:absolute;right:var(--space-8);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-standard)}.auth-password-toggle:hover{background:var(--color-secondary);color:var(--color-text)}.auth-password-strength{margin:var(--space-10) 0}.auth-password-strength-bar{height:4px;background:var(--color-border-light);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-4)}.auth-password-strength-fill{height:100%;border-radius:var(--radius-full);transition:width var(--duration-normal) ease-out,background-color var(--duration-normal) ease-out}.auth-password-strength-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.auth-password-requirements{margin:var(--space-10) 0;padding:var(--space-10);background:var(--color-secondary);border-radius:var(--radius-base)}.auth-requirement{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-6);font-size:var(--font-size-xs);color:var(--color-text-secondary);transition:color var(--duration-fast) ease-out}.auth-requirement:last-child{margin-bottom:0}.auth-requirement.met{color:var(--color-success)}.auth-requirement.optional{font-style:italic}.auth-requirement svg{flex-shrink:0;width:14px;height:14px;transition:transform var(--duration-fast) ease-out}.auth-requirement.met svg{transform:scale(1.1)}.auth-button{width:100%;padding:var(--space-10) var(--space-12);border:none;border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);display:flex;align-items:center;justify-content:center;gap:var(--space-8)}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-button-primary{background:var(--color-primary);color:var(--color-btn-primary-text);margin-top:var(--space-16)}.auth-button-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.auth-button-social{background:var(--color-background);color:var(--color-text);border:1px solid var(--color-border)}.auth-button-social:hover:not(:disabled){background:var(--color-secondary);border-color:var(--color-primary)}.auth-button-loading{display:flex;align-items:center;gap:var(--space-8)}.auth-spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:auth-spin .6s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-divider{position:relative;text-align:center;margin:var(--space-20) 0 var(--space-16)}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--color-border-light)}.auth-divider span{position:relative;padding:0 var(--space-12);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.auth-social-buttons{display:flex;flex-direction:column;gap:var(--space-10)}.auth-forgot-password{text-align:right;margin-top:var(--space-8)}.auth-link{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:color var(--duration-fast) ease-out}.auth-link:hover{color:var(--color-primary-hover);text-decoration:underline}.auth-terms{margin-top:var(--space-12);padding-top:var(--space-12);border-top:1px solid var(--color-border-light);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center;line-height:var(--line-height-normal)}@media (min-width: 480px){.auth-modal{max-width:440px}.auth-modal-header,.auth-value-prop{padding:var(--space-20) var(--space-20) var(--space-16)}.auth-form{padding:var(--space-16) var(--space-20) var(--space-24)}.auth-error-message{margin:0 var(--space-20) var(--space-16);padding:var(--space-12);font-size:var(--font-size-sm);gap:var(--space-8)}.auth-benefit{font-size:var(--font-size-base);gap:var(--space-12)}.auth-email-display{padding:var(--space-12);font-size:var(--font-size-sm);gap:var(--space-8);flex-wrap:nowrap}.auth-email-value{word-break:normal}.auth-password-requirements{padding:var(--space-12)}.auth-requirement{font-size:var(--font-size-sm);gap:var(--space-8)}.auth-button{padding:var(--space-12) var(--space-16);font-size:var(--font-size-base)}.auth-button-primary{margin-top:var(--space-20)}.auth-link{font-size:var(--font-size-sm)}.auth-divider span{padding:0 var(--space-16);font-size:var(--font-size-sm)}.auth-terms{margin-top:var(--space-16);padding-top:var(--space-16)}}@media (min-width: 768px){.auth-modal-header{padding:var(--space-24) var(--space-24) var(--space-16)}.auth-modal-title{font-size:var(--font-size-2xl)}.auth-value-prop{padding:var(--space-20) var(--space-24) var(--space-16)}.auth-form{padding:var(--space-16) var(--space-24) var(--space-24)}.auth-error-message{margin:0 var(--space-24) var(--space-16)}.auth-email-display{margin-bottom:var(--space-20)}.auth-password-strength{margin:var(--space-12) 0}.auth-password-strength-bar{margin-bottom:var(--space-6)}.auth-password-requirements{margin:var(--space-12) 0}.auth-divider{margin:var(--space-24) 0 var(--space-20)}.auth-social-buttons{gap:var(--space-12)}}:root{--color-white: rgba(251, 251, 255, 1);--color-black: rgba(4, 15, 22, 1);--color-cream-50: rgba(252, 252, 249, 1);--color-cream-100: rgba(255, 255, 253, 1);--color-charcoal-700: rgba(31, 33, 33, 1);--color-charcoal-800: rgba(38, 40, 40, 1);--color-neutral-50: rgba(249, 250, 251, 1);--color-neutral-100: rgba(243, 244, 246, 1);--color-neutral-200: rgba(229, 231, 235, 1);--color-neutral-300: rgba(209, 213, 219, 1);--color-neutral-400: rgba(156, 163, 175, 1);--color-neutral-500: rgba(107, 114, 128, 1);--color-neutral-600: rgba(75, 85, 99, 1);--color-neutral-700: rgba(55, 65, 81, 1);--color-neutral-800: rgba(31, 41, 55, 1);--color-neutral-900: rgba(17, 24, 39, 1);--color-deep-navy-light: rgba(3, 37, 108, 1);--color-deep-navy-dark: rgba(79, 109, 165, 1);--color-bright-blue-light: rgba(63, 136, 197, 1);--color-bright-blue-dark: rgba(99, 156, 217, 1);--color-coral-salmon-light: rgba(226, 109, 90, 1);--color-coral-salmon-dark: rgba(255, 139, 120, 1);--color-sage-green-light: rgba(144, 147, 109, 1);--color-sage-green-dark: rgba(177, 182, 149, 1);--color-forest-green-light: rgba(34, 139, 34, 1);--color-forest-green-dark: rgba(79, 171, 84, 1);--color-error-red-light: rgba(220, 38, 38, 1);--color-error-red-dark: rgba(248, 113, 113, 1);--color-neutral-900-rgb: 17, 24, 39;--color-neutral-800-rgb: 31, 41, 55;--color-neutral-700-rgb: 55, 65, 81;--color-neutral-600-rgb: 75, 85, 99;--color-neutral-500-rgb: 107, 114, 128;--color-neutral-400-rgb: 156, 163, 175;--color-neutral-300-rgb: 209, 213, 219;--color-neutral-200-rgb: 229, 231, 235;--color-neutral-100-rgb: 243, 244, 246;--color-neutral-50-rgb: 249, 250, 251;--color-deep-navy-light-rgb: 3, 37, 108;--color-deep-navy-dark-rgb: 79, 109, 165;--color-bright-blue-light-rgb: 63, 136, 197;--color-bright-blue-dark-rgb: 99, 156, 217;--color-coral-salmon-light-rgb: 226, 109, 90;--color-coral-salmon-dark-rgb: 255, 139, 120;--color-sage-green-light-rgb: 144, 147, 109;--color-sage-green-dark-rgb: 177, 182, 149;--color-forest-green-light-rgb: 34, 139, 34;--color-forest-green-dark-rgb: 79, 171, 84;--color-error-red-light-rgb: 220, 38, 38;--color-error-red-dark-rgb: 248, 113, 113;--color-background: var(--color-cream-50);--color-surface: var(--color-cream-100);--color-text: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-600);--color-text-tertiary: var(--color-neutral-500);--color-primary: var(--color-bright-blue-light);--color-primary-hover: rgba(var(--color-bright-blue-light-rgb), .8);--color-primary-active: rgba(var(--color-bright-blue-light-rgb), .9);--color-secondary: rgba(var(--color-neutral-200-rgb), .5);--color-secondary-hover: rgba(var(--color-neutral-200-rgb), .8);--color-secondary-touch: rgba(var(--color-neutral-200-rgb), .05);--color-secondary-active: var(--color-neutral-200);--color-border: var(--color-neutral-300);--color-border-light: var(--color-neutral-200);--color-card-border: var(--color-neutral-300);--color-card-border-inner: var(--color-neutral-200);--color-btn-primary-text: var(--color-white);--color-error: var(--color-coral-salmon-light);--color-success: var(--color-forest-green-light);--color-warning: var(--color-sage-green-light);--color-info: var(--color-deep-navy-light);--color-positive: var(--color-forest-green-light);--color-negative: var(--color-error-red-light);--color-focus-ring: rgba(var(--color-bright-blue-light-rgb), .4);--color-accent-royal: rgba(var(--color-deep-navy-light-rgb), .06);--color-accent-sage: rgba(var(--color-sage-green-light-rgb), .05);--color-accent-sienna: rgba(var(--color-coral-salmon-light-rgb), .05);--color-filter-border: rgba(var(--color-deep-navy-light-rgb), .15);--color-filter-active: rgba(var(--color-deep-navy-light-rgb), .08);--color-card-accent: rgba(var(--color-sage-green-light-rgb), .03);--color-hover-royal: rgba(var(--color-deep-navy-light-rgb), .12);--color-hover-sage: rgba(var(--color-sage-green-light-rgb), .08);--color-hover-sienna: rgba(var(--color-coral-salmon-light-rgb), .08);--color-hover-danger: rgba(var(--color-coral-salmon-light-rgb), .1);--color-hover-danger-touch: rgba(var(--color-coral-salmon-light-rgb), .03);--color-success-subtle: rgba(var(--color-sage-green-light-rgb), .08);--color-success-subtle-touch: rgba(var(--color-sage-green-light-rgb), .03);--color-row-highlight: rgba(var(--color-sage-green-light-rgb), .03);--color-section-accent: rgba(var(--color-sage-green-light-rgb), .05);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--font-size-xxs: 10px;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-smx: 13px;--font-size-base: 14px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--letter-spacing-tight: -.01em;--space-0: 0;--space-1: 1px;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--filter-section-spacing: var(--space-20);--filter-section-spacing-tablet: var(--space-16);--filter-section-spacing-mobile: var(--space-12);--filter-to-tabs-spacing: var(--space-16);--filter-to-tabs-spacing-tablet: var(--space-12);--filter-to-tabs-spacing-mobile: var(--space-8);--radius-sm: 6px;--radius-base: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .02);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .04), 0 2px 4px -1px rgba(0, 0, 0, .02);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .04), 0 4px 6px -2px rgba(0, 0, 0, .02);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .04), 0 10px 10px -5px rgba(0, 0, 0, .02);--shadow-inset-sm: inset 0 1px 0 rgba(255, 255, 255, .15), inset 0 -1px 0 rgba(0, 0, 0, .03);--duration-fast: .15s;--duration-normal: .25s;--ease-standard: cubic-bezier(.16, 1, .3, 1);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--focus-ring: 0 0 0 3px var(--color-focus-ring);--focus-outline: 2px solid var(--color-primary);--select-caret-light: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4 6 4 4 4-4'/%3e%3c/svg%3e");--select-caret-light-hover: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='%234b5563' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4 6 4 4 4-4'/%3e%3c/svg%3e");--select-caret-dark: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4 6 4 4 4-4'/%3e%3c/svg%3e");--select-caret-dark-hover: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='%23d1d5db' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4 6 4 4 4-4'/%3e%3c/svg%3e")}@media (prefers-color-scheme: dark){:root{--color-background: var(--color-charcoal-700);--color-surface: var(--color-charcoal-800);--color-text: var(--color-neutral-50);--color-text-secondary: var(--color-neutral-300);--color-text-tertiary: var(--color-neutral-400);--color-primary: var(--color-bright-blue-dark);--color-primary-hover: rgba(var(--color-bright-blue-dark-rgb), .8);--color-primary-active: rgba(var(--color-bright-blue-dark-rgb), .9);--color-secondary: rgba(var(--color-neutral-700-rgb), .3);--color-secondary-hover: rgba(var(--color-neutral-600-rgb), .4);--color-secondary-touch: rgba(var(--color-neutral-200-rgb), .03);--color-secondary-active: rgba(var(--color-neutral-600-rgb), .6);--color-border: var(--color-neutral-500);--color-border-light: var(--color-neutral-600);--color-card-border: var(--color-neutral-500);--color-card-border-inner: var(--color-neutral-600);--color-btn-primary-text: var(--color-neutral-900);--color-error: var(--color-coral-salmon-dark);--color-success: var(--color-forest-green-dark);--color-warning: var(--color-sage-green-dark);--color-info: var(--color-deep-navy-dark);--color-positive: var(--color-forest-green-dark);--color-negative: var(--color-error-red-dark);--color-focus-ring: rgba(var(--color-bright-blue-dark-rgb), .4);--color-accent-royal: rgba(var(--color-deep-navy-dark-rgb), .08);--color-accent-sage: rgba(var(--color-sage-green-dark-rgb), .06);--color-accent-sienna: rgba(var(--color-coral-salmon-dark-rgb), .06);--color-filter-border: rgba(var(--color-deep-navy-dark-rgb), .2);--color-filter-active: rgba(var(--color-deep-navy-dark-rgb), .1);--color-card-accent: rgba(var(--color-sage-green-dark-rgb), .04);--color-hover-royal: rgba(var(--color-deep-navy-dark-rgb), .15);--color-hover-sage: rgba(var(--color-sage-green-dark-rgb), .1);--color-hover-sienna: rgba(var(--color-coral-salmon-dark-rgb), .1);--color-hover-danger: rgba(var(--color-coral-salmon-dark-rgb), .12);--color-hover-danger-touch: rgba(var(--color-coral-salmon-light-rgb), .05);--color-success-subtle: rgba(var(--color-sage-green-dark-rgb), .1);--color-success-subtle-touch: rgba(var(--color-sage-green-light-rgb), .05);--color-row-highlight: rgba(var(--color-sage-green-dark-rgb), .04);--color-section-accent: rgba(var(--color-sage-green-dark-rgb), .06);--shadow-inset-sm: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .15)}}[data-theme=dark]{--color-background: var(--color-charcoal-700);--color-surface: var(--color-charcoal-800);--color-text: var(--color-neutral-50);--color-text-secondary: var(--color-neutral-300);--color-text-tertiary: var(--color-neutral-400);--color-primary: var(--color-bright-blue-dark);--color-primary-hover: rgba(var(--color-bright-blue-dark-rgb), .8);--color-primary-active: rgba(var(--color-bright-blue-dark-rgb), .9);--color-secondary: rgba(var(--color-neutral-700-rgb), .3);--color-secondary-hover: rgba(var(--color-neutral-600-rgb), .4);--color-secondary-touch: rgba(var(--color-neutral-200-rgb), .03);--color-secondary-active: rgba(var(--color-neutral-600-rgb), .6);--color-border: var(--color-neutral-500);--color-border-light: var(--color-neutral-600);--color-card-border: var(--color-neutral-500);--color-card-border-inner: var(--color-neutral-600);--color-btn-primary-text: var(--color-neutral-900);--color-error: var(--color-coral-salmon-dark);--color-success: var(--color-forest-green-dark);--color-warning: var(--color-sage-green-dark);--color-info: var(--color-deep-navy-dark);--color-positive: var(--color-forest-green-dark);--color-negative: var(--color-error-red-dark);--color-focus-ring: rgba(var(--color-bright-blue-dark-rgb), .4);--color-accent-royal: rgba(var(--color-deep-navy-dark-rgb), .08);--color-accent-sage: rgba(var(--color-sage-green-dark-rgb), .06);--color-accent-sienna: rgba(var(--color-coral-salmon-dark-rgb), .06);--color-filter-border: rgba(var(--color-deep-navy-dark-rgb), .2);--color-filter-active: rgba(var(--color-deep-navy-dark-rgb), .1);--color-card-accent: rgba(var(--color-sage-green-dark-rgb), .04);--color-hover-royal: rgba(var(--color-deep-navy-dark-rgb), .15);--color-hover-sage: rgba(var(--color-sage-green-dark-rgb), .1);--color-hover-sienna: rgba(var(--color-coral-salmon-dark-rgb), .1);--color-hover-danger: rgba(var(--color-coral-salmon-dark-rgb), .12);--color-hover-danger-touch: rgba(var(--color-coral-salmon-light-rgb), .05);--color-success-subtle: rgba(var(--color-sage-green-dark-rgb), .1);--color-success-subtle-touch: rgba(var(--color-sage-green-light-rgb), .05);--color-row-highlight: rgba(var(--color-sage-green-dark-rgb), .04);--color-section-accent: rgba(var(--color-sage-green-dark-rgb), .06);--shadow-inset-sm: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .15)}[data-theme=light]{--color-background: var(--color-cream-50);--color-surface: var(--color-cream-100);--color-text: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-600);--color-text-tertiary: var(--color-neutral-500);--color-primary: var(--color-bright-blue-light);--color-primary-hover: rgba(var(--color-bright-blue-light-rgb), .8);--color-primary-active: rgba(var(--color-bright-blue-light-rgb), .9);--color-secondary: rgba(var(--color-neutral-200-rgb), .5);--color-secondary-hover: rgba(var(--color-neutral-200-rgb), .8);--color-secondary-touch: rgba(var(--color-neutral-200-rgb), .05);--color-secondary-active: var(--color-neutral-200);--color-border: var(--color-neutral-300);--color-border-light: var(--color-neutral-200);--color-card-border: var(--color-neutral-300);--color-card-border-inner: var(--color-neutral-200);--color-btn-primary-text: var(--color-white);--color-error: var(--color-coral-salmon-light);--color-success: var(--color-forest-green-light);--color-warning: var(--color-sage-green-light);--color-info: var(--color-deep-navy-light);--color-positive: var(--color-forest-green-light);--color-negative: var(--color-error-red-light);--color-focus-ring: rgba(var(--color-bright-blue-light-rgb), .4);--color-accent-royal: rgba(var(--color-deep-navy-light-rgb), .06);--color-accent-sage: rgba(var(--color-sage-green-light-rgb), .05);--color-accent-sienna: rgba(var(--color-coral-salmon-light-rgb), .05);--color-filter-border: rgba(var(--color-deep-navy-light-rgb), .15);--color-filter-active: rgba(var(--color-deep-navy-light-rgb), .08);--color-card-accent: rgba(var(--color-sage-green-light-rgb), .03);--color-hover-royal: rgba(var(--color-deep-navy-light-rgb), .12);--color-hover-sage: rgba(var(--color-sage-green-light-rgb), .08);--color-hover-sienna: rgba(var(--color-coral-salmon-light-rgb), .08);--color-hover-danger: rgba(var(--color-coral-salmon-light-rgb), .1);--color-hover-danger-touch: rgba(var(--color-coral-salmon-light-rgb), .03);--color-success-subtle: rgba(var(--color-sage-green-light-rgb), .08);--color-success-subtle-touch: rgba(var(--color-sage-green-light-rgb), .03);--color-row-highlight: rgba(var(--color-sage-green-light-rgb), .03);--color-section-accent: rgba(var(--color-sage-green-light-rgb), .05);--shadow-inset-sm: inset 0 1px 0 rgba(255, 255, 255, .15), inset 0 -1px 0 rgba(0, 0, 0, .03)}html{font-size:var(--font-size-base);font-family:var(--font-family-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;box-sizing:border-box}body{margin:0;padding:0}*,*:before,*:after{box-sizing:inherit}@media screen and (min-width: 1200px) and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 2){:root{--font-size-xxs: 9px;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-smx: 12px;--font-size-base: 13px;--font-size-lg: 15px;--font-size-xl: 17px;--font-size-2xl: 19px;--font-size-3xl: 22px;--space-16: 14px;--space-20: 18px;--space-24: 22px;--space-32: 28px}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-family-base);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--color-background)}.main-container{width:100%;padding:var(--space-12) var(--space-8);flex:1;overflow:visible!important;margin:0 auto}.page-header{margin-bottom:var(--space-12);text-align:left}.page-title-section{max-width:none}.page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-6) 0;letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.dashboard-container{display:flex;flex-direction:column;gap:var(--space-12);overflow:visible!important}.dashboard-section{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--space-12);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-standard);position:relative;overflow:visible!important}.dashboard-section:hover{box-shadow:var(--shadow-md);border-color:var(--color-border)}.dashboard-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));opacity:.8}.dashboard-left-content{display:flex;flex-direction:column;gap:var(--space-12);min-height:0}.dashboard-section.filters{z-index:100!important;flex-shrink:0;overflow:visible!important}.dashboard-section.summary{z-index:50!important;flex-shrink:0}.dashboard-section.summary .section-content{overflow:auto}.dashboard-section.chart{z-index:50!important;flex:1;min-height:300px}.dashboard-section.chart .section-content{overflow:hidden;height:100%}.dashboard-section.upcoming-games{display:flex;flex-direction:column;overflow:visible!important}.dashboard-section.upcoming-games .section-header{flex-shrink:0;margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-card-border-inner)}.dashboard-section.upcoming-games .section-content{flex:1;min-height:0;overflow:visible!important;display:flex;flex-direction:column;padding:0;margin:0}.dashboard-section.historical-games-full-width{width:100%;margin-top:var(--space-8)}.section-header{margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-card-border-inner);flex-shrink:0}.section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;letter-spacing:var(--letter-spacing-tight)}.section-content{overflow:visible!important;position:relative}.dashboard-footnotes{text-align:center;padding:var(--space-12);color:var(--color-text-secondary);background:var(--color-secondary);border-radius:var(--radius-base);margin-top:var(--space-8)}.footnotes-content{max-width:100%;margin:0 auto}.dashboard-footnotes h4{margin:0 0 var(--space-6) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.dashboard-footnotes p{margin:0;font-size:var(--font-size-xs);font-style:italic;line-height:var(--line-height-normal)}.empty-state{text-align:center;padding:var(--space-20);color:var(--color-text-secondary);background:var(--color-secondary);border-radius:var(--radius-base);border:2px dashed var(--color-border)}.empty-state h3{font-size:var(--font-size-base);margin:0 0 var(--space-6) 0;color:var(--color-text);font-weight:var(--font-weight-semibold)}.empty-state p{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.dashboard-section.filters{z-index:100!important;position:relative;overflow:visible!important}.dashboard-section.summary,.dashboard-section.chart{z-index:50!important;position:relative}@media (min-width: 480px){.main-container{padding:var(--space-16) var(--space-12)}.dashboard-section{padding:var(--space-16)}.dashboard-container,.dashboard-left-content{gap:var(--space-16)}.page-header{margin-bottom:var(--space-16)}.page-title{font-size:var(--font-size-2xl);margin:0 0 var(--space-8) 0}.page-subtitle{font-size:var(--font-size-base)}.section-header{margin-bottom:var(--space-16);padding-bottom:var(--space-12)}.section-title{font-size:var(--font-size-lg)}.dashboard-section.upcoming-games .section-header{margin-bottom:var(--space-16);padding-bottom:var(--space-12)}.dashboard-footnotes{padding:var(--space-16)}.dashboard-footnotes h4{margin:0 0 var(--space-8) 0;font-size:var(--font-size-base)}.dashboard-footnotes p{font-size:var(--font-size-sm)}.empty-state{padding:var(--space-32)}.empty-state h3{font-size:var(--font-size-lg);margin:0 0 var(--space-8) 0}.empty-state p{font-size:var(--font-size-base)}}@media (min-width: 768px){.main-container{padding:var(--space-16) var(--space-12);max-width:var(--container-md)}.dashboard-section{padding:var(--space-16)}.dashboard-container{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;grid-template-areas:"header" "content" "upcoming-games" "historical" "footer";gap:var(--space-16)}.page-header{grid-area:header}.dashboard-left-content{grid-area:content}.dashboard-section.upcoming-games{grid-area:upcoming-games}.dashboard-section.historical-games-full-width{grid-area:historical}.dashboard-footnotes{grid-area:footer}.dashboard-section.chart{min-height:350px}.footnotes-content{max-width:600px}}@media (min-width: 1024px){.main-container{padding:var(--space-20) var(--space-16);max-width:var(--container-lg)}.dashboard-section{padding:var(--space-20)}.dashboard-container{grid-template-columns:1.8fr 1fr;grid-template-rows:auto 1fr auto auto;grid-template-areas:"header header" "content upcoming-games" "historical historical" "footer footer";gap:var(--space-12);column-gap:var(--space-16)}.dashboard-left-content{align-self:start}.dashboard-section.upcoming-games{min-width:250px;display:flex;flex-direction:column;overflow:hidden}.dashboard-section.upcoming-games .section-header{margin-bottom:var(--space-16);padding-bottom:var(--space-12);flex-shrink:0}.dashboard-section.upcoming-games .section-content{flex:1;min-height:0;overflow-y:auto;overflow-x:visible;display:flex;flex-direction:column}.dashboard-section.chart{min-height:400px}.footnotes-content{max-width:800px}}@media (min-width: 1280px){.main-container{padding:var(--space-24) var(--space-16);max-width:var(--container-xl)}.page-title{font-size:var(--font-size-3xl)}.dashboard-container{grid-template-columns:2fr 1fr;grid-template-rows:auto auto auto auto;gap:var(--space-16);column-gap:var(--space-24)}.dashboard-left-content{gap:var(--space-16);align-self:start}.dashboard-section.upcoming-games{min-width:280px;display:flex;flex-direction:column;overflow:visible!important;max-height:none;height:auto}.dashboard-section.upcoming-games .section-content{flex:1;min-height:0;overflow:visible!important;display:flex;flex-direction:column;padding:0;margin:0}}.dashboard-container.columns-synchronized .dashboard-section.upcoming-games{box-shadow:var(--shadow-md)}@media (max-width: 767px){.dashboard-section.upcoming-games{max-height:400px}.dashboard-section.upcoming-games .section-content{max-height:300px;overflow-y:auto}}