.app-container{padding:60px 20px 30px;max-width:1400px;margin:0 auto;overflow-x:auto;background:#fff;min-height:100vh}.app-header-section{display:flex;align-items:flex-start;gap:20px;position:relative;margin-bottom:30px;padding:28px 0;border-bottom:3px solid rgba(0,64,128,.3);background:transparent;border-radius:0 0 12px 12px}.hamburger-menu{position:fixed;top:50px;left:20px;background:#004080;border:2px solid #004080;border-radius:10px;width:48px;height:48px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;box-shadow:0 4px 12px #00408040,0 2px 4px #00408026;z-index:1000;flex-shrink:0;margin-right:24px}.app-header-content{flex:1;margin-left:88px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.app-name{font-size:36px;font-weight:800;color:#004080;margin:0;letter-spacing:-1px;line-height:1.1;background:#004080;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 8px rgba(0,64,128,.15);position:relative;width:100%;text-align:center}.app-report-title{font-size:14px;font-weight:600;color:#004080;margin:0;letter-spacing:1.2px;line-height:1.5;text-transform:uppercase;opacity:.9;transition:opacity .3s ease,color .3s ease;text-align:left;width:100%;padding-left:0}.hamburger-menu:hover{background:#004080;border-color:#004080;box-shadow:0 4px 8px #0040804d}.hamburger-menu span{width:20px;height:2px;background-color:#fff;border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.hamburger-menu:hover span{background-color:#ffffffe6}.hamburger-menu.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-menu.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-menu.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.app-content{width:100%}.loading,.error{text-align:center;padding:60px 40px;font-size:18px;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0040801a;max-width:600px;margin:40px auto}.loading{color:#004080;font-weight:500}.error{color:#004080;font-weight:500;background:#00408026;border:2px solid rgba(0,64,128,.4)}@media (max-width: 768px){.app-container{padding:50px 8px 10px;overflow-x:hidden}.app-header-section{margin-bottom:20px;padding:20px 0;gap:16px;flex-direction:column;align-items:center}.hamburger-menu{width:44px;height:44px;top:30px;left:8px;margin-right:0;position:absolute}.app-header-content{margin-left:0;flex-direction:column;gap:8px;align-items:center;width:100%;text-align:center;padding:0 16px}.app-name{font-size:24px;letter-spacing:-.6px;width:100%;text-align:center}.app-report-title{font-size:13px;letter-spacing:1px;padding-left:0;text-align:center}.hamburger-menu span{width:18px}}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);z-index:9998;transition:background-color .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.sidebar-overlay.visible{background-color:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:all}.sidebar{position:fixed;top:100px;left:0;width:280px;max-height:calc(100vh - 120px);background-color:#fff;box-shadow:0 0 #00408000;border-right:1px solid rgba(0,64,128,.2);border-radius:0 12px 12px 0;padding:20px 0;overflow-y:auto;overflow-x:hidden;z-index:9999;transform:translate(-100%) scale(.95);transform-origin:left top;opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.sidebar.open{transform:translate(0) scale(1);opacity:1;box-shadow:4px 0 24px #00408040,0 8px 32px #00408026}.sidebar-header{padding:0 20px 16px;border-bottom:2px solid rgba(0,64,128,.2);margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;opacity:0;transform:translateY(-10px);transition:opacity .3s cubic-bezier(.4,0,.2,1) .15s,transform .3s cubic-bezier(.4,0,.2,1) .15s}.sidebar.open .sidebar-header{opacity:1;transform:translateY(0)}.sidebar-close{background:transparent;border:none;font-size:28px;color:#004080;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1;transform:scale(1)}.sidebar-close:hover{background-color:#0040800d;color:#004080;transform:scale(1.1)}.sidebar-close:active{transform:scale(.95)}.sidebar-title{font-size:13px;font-weight:700;color:#004080;text-transform:uppercase;letter-spacing:.5px;margin:0}.sidebar-nav{padding:0}.sidebar-list{list-style:none;margin:0;padding:0}.sidebar-item{margin:0;padding:0;opacity:0;transform:translate(-20px);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.open .sidebar-item{opacity:1;transform:translate(0)}.sidebar.open .sidebar-item:nth-child(1){transition-delay:.1s}.sidebar.open .sidebar-item:nth-child(2){transition-delay:.15s}.sidebar.open .sidebar-item:nth-child(3){transition-delay:.2s}.sidebar:not(.open) .sidebar-item,.sidebar:not(.open) .sidebar-item:nth-child(1),.sidebar:not(.open) .sidebar-item:nth-child(2),.sidebar:not(.open) .sidebar-item:nth-child(3),.sidebar:not(.open) .sidebar-header{transition-delay:0s}.sidebar-link{width:100%;padding:12px 20px;font-size:13px;font-weight:500;color:#004080;background-color:transparent;border:none;border-left:3px solid transparent;text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;box-sizing:border-box;position:relative}.sidebar-link:hover{background-color:#0040800d;color:#004080;border-left-color:#00408080}.sidebar-link.active{background-color:#0040800d;color:#004080;border-left-color:#004080;font-weight:600}.sidebar-link:active{transform:scale(.98);transition:transform .1s}@media (max-width: 768px){.sidebar{width:280px;top:100px;max-height:calc(100vh - 120px)}}.custom-dropdown{position:relative;width:100%;min-width:200px;z-index:100}.custom-dropdown-button{width:100%;padding:12px 40px 12px 16px;font-size:13px;font-weight:500;color:#004080;background-color:#fff;border:2px solid rgba(0,64,128,.3);border-radius:10px;cursor:pointer;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0040801a;font-family:inherit}.custom-dropdown-button:hover{border-color:#004080;box-shadow:0 4px 8px #00408026;background-color:#0040800d}.custom-dropdown-button:focus{border-color:#004080;box-shadow:0 0 0 4px #00408033,0 4px 8px #00408026;background-color:#0040800d}.custom-dropdown-button.open{border-color:#004080;box-shadow:0 0 0 4px #00408033,0 4px 8px #00408026;background-color:#0040800d}.custom-dropdown-button.disabled,.custom-dropdown-button:disabled{cursor:not-allowed;opacity:.6;background-color:#f5f5f5;border-color:#00408033}.custom-dropdown-button.disabled:hover,.custom-dropdown-button:disabled:hover{border-color:#00408033;box-shadow:0 2px 4px #0040801a;background-color:#f5f5f5}.dropdown-selected-text{flex:1;text-align:left;color:#004080}.dropdown-arrow{display:flex;align-items:center;justify-content:center;color:#004080;transition:transform .3s cubic-bezier(.4,0,.2,1);margin-left:8px}.dropdown-arrow.open{transform:rotate(180deg)}.custom-dropdown-menu{position:fixed;background-color:#fff;border:2px solid rgba(0,64,128,.3);border-radius:10px;box-shadow:0 8px 24px #00408033,0 4px 8px #0040801a;z-index:9997;overflow:hidden;animation:dropdownFadeIn .2s cubic-bezier(.4,0,.2,1);max-height:300px;overflow-y:auto}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-item{padding:14px 16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,64,128,.2);color:#004080;font-weight:500;font-size:13px}.custom-dropdown-item:last-child{border-bottom:none}.custom-dropdown-item:hover{background-color:#0040800d;color:#004080}.custom-dropdown-item.selected{background-color:#00408026;color:#004080;font-weight:600}.custom-dropdown-item.selected:hover{background-color:#00408033}.dropdown-item-text{flex:1;text-align:left}.dropdown-checkmark{display:flex;align-items:center;justify-content:center;color:#004080;margin-left:8px;flex-shrink:0}.custom-dropdown-menu::-webkit-scrollbar{width:8px}.custom-dropdown-menu::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.custom-dropdown-menu::-webkit-scrollbar-thumb{background:#0040804d;border-radius:4px}.custom-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#00408066}@media (max-width: 768px){.custom-dropdown-button{padding:10px 36px 10px 14px;font-size:13px}.custom-dropdown-item{padding:12px 14px;font-size:13px}}.month-dropdown{position:relative;width:100%}.month-dropdown-button{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;transition:border-color .2s}.month-dropdown-button:hover:not(.disabled){border-color:#999}.month-dropdown-button.disabled{cursor:not-allowed;opacity:.6}.month-dropdown-selected-text{flex:1;text-align:left;color:#333}.month-dropdown-arrow{transition:transform .2s;color:#666}.month-dropdown-arrow.open{transform:rotate(180deg)}.month-dropdown-menu{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #00000026;max-height:300px;overflow-y:auto;z-index:9997}.month-dropdown-item{padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .15s}.month-dropdown-item:hover{background-color:#f5f5f5}.month-dropdown-item.selected{background-color:#e8f4f8}.month-checkbox{cursor:pointer;width:16px;height:16px}.month-item-text{flex:1;font-size:14px;color:#333}.performance-table-wrapper{width:100%;position:relative;margin-top:20px}.table-metrics{background:#00408005;border:1px solid rgba(0,64,128,.08);border-radius:6px 6px 0 0;padding:8px 12px;margin-bottom:0;border-bottom:none;box-shadow:none}.metrics-content{display:flex;align-items:center;gap:12px;text-align:left}.metric-item{display:flex;align-items:center;gap:6px}.metric-label{font-size:12px;font-weight:500;color:#004080b3;letter-spacing:.2px}.metric-value{font-size:12px;font-weight:600;color:#004080d9;font-variant-numeric:tabular-nums;min-width:50px;transition:all .2s ease}.metric-value.processing{color:#004080e6;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.75}}.metric-separator{color:#00408026;font-weight:300;font-size:12px}.performance-table-container{overflow-x:auto;overflow-y:visible;border:1px solid rgba(0,64,128,.2);border-radius:8px;background-color:#fff;box-shadow:0 4px 6px #00408026,0 2px 4px #0040801a;-webkit-overflow-scrolling:touch;position:relative;scroll-behavior:smooth;transition:box-shadow .3s ease;width:100%}.performance-table-container:hover{box-shadow:0 6px 12px #00408033,0 4px 8px #00408026}.performance-table-container:focus-within{box-shadow:0 8px 16px #00408040,0 4px 8px #00408033;border-color:#004080}.mobile-scroll-hint{position:absolute;top:-40px;z-index:5;pointer-events:none;display:none;align-items:center;transition:opacity .3s ease,transform .3s ease}.mobile-scroll-hint.left-hint{display:flex;left:10px;justify-content:flex-start}.mobile-scroll-hint.right-hint{display:flex;right:10px;justify-content:flex-end}.mobile-scroll-hint .scroll-arrow{font-size:16px;font-weight:600;color:#004080;background:#0040801a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(0,64,128,.4);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00408026;animation:subtlePulse 2s ease-in-out infinite;z-index:6;opacity:.85;transition:opacity .2s ease,transform .2s ease}.mobile-scroll-hint .scroll-arrow.left-arrow{animation:subtleSlideLeft 2s ease-in-out infinite}.mobile-scroll-hint .scroll-arrow.right-arrow{animation:subtleSlideRight 2s ease-in-out infinite}.mobile-scroll-hint .scroll-arrow:hover{opacity:1;transform:scale(1.1)}@keyframes subtlePulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes subtleSlideLeft{0%,to{transform:translate(0) scale(1);opacity:.85}50%{transform:translate(-4px) scale(1.05);opacity:1}}@keyframes subtleSlideRight{0%,to{transform:translate(0) scale(1);opacity:.85}50%{transform:translate(4px) scale(1.05);opacity:1}}.performance-table-container:before{content:"";position:absolute;top:0;left:0;width:30px;height:100%;background:linear-gradient(to right,rgba(0,64,128,.1),transparent);pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:1}.performance-table-container:after{content:"";position:absolute;top:0;right:0;width:40px;height:100%;background:linear-gradient(to left,rgba(0,64,128,.15),transparent);pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:1;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:0}50%{opacity:.3}}.performance-table-container.scrollable-left:before{opacity:1}.performance-table-container.scrollable-right:after{opacity:1}.performance-table{width:auto;min-width:0;border-collapse:separate;border-spacing:0;font-size:13px;table-layout:auto}.performance-table th,.performance-table td{box-sizing:border-box}.performance-table th:first-child,.performance-table td:first-child{flex-shrink:0}.performance-table thead{background:#004080;position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #0000001a}.performance-table th{padding:0;text-align:right;font-weight:700;border:none;border-right:1px solid rgba(255,255,255,.2);color:#fff;font-size:13px;letter-spacing:.5px;white-space:normal;word-wrap:break-word;word-break:break-word;line-height:1.3;text-transform:capitalize;position:relative;box-sizing:border-box}.performance-table th[data-column=Product_Hierarchy_Level1],.performance-table th[data-column=Material_Group_Name],.performance-table th[data-column=Customer_Code],.performance-table th[data-column=Customer_Name]{text-align:left!important}.performance-table th[data-column=LY_Actual_USD_Formatted],.performance-table th[data-column=TY_Actual_USD_Formatted],.performance-table th[data-column=LY_Actual_Cases],.performance-table th[data-column=TY_Actual_Cases]{text-align:right!important}.performance-table th[data-column=LY_Actual_USD_Formatted] .th-content,.performance-table th[data-column=TY_Actual_USD_Formatted] .th-content,.performance-table th[data-column=LY_Actual_Cases] .th-content,.performance-table th[data-column=TY_Actual_Cases] .th-content{justify-content:flex-end!important}.performance-table th[data-column=LY_Actual_USD_Formatted] .th-content span,.performance-table th[data-column=TY_Actual_USD_Formatted] .th-content span,.performance-table th[data-column=LY_Actual_Cases] .th-content span,.performance-table th[data-column=TY_Actual_Cases] .th-content span{text-align:right!important}.performance-table th:last-child{border-right:none}.performance-table th:first-child{border-top-left-radius:8px}.performance-table th:last-child{border-top-right-radius:8px}.column-resizer{position:absolute;top:0;right:-2px;width:3px;height:100%;cursor:col-resize;background:#fff3;z-index:12;border-right:2px solid rgba(255,255,255,.4);transition:background .2s ease,border-color .2s ease;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:auto}.column-resizer:hover{background:#ffffff80;border-right-color:#fffc;width:10px}.performance-table th:active .column-resizer,.performance-table th.sticky-column:active .column-resizer{background:#ffffffb3;border-right-color:#fff;width:10px}.performance-table th.sticky-column .column-resizer{background:#ffffff4d;border-right:2px solid rgba(255,255,255,.6);z-index:13}.performance-table th.sticky-column .column-resizer:hover{background:#fff9;border-right-color:#ffffffe6}.performance-table th.sortable:active{transform:translateY(0);transition:transform .1s}.th-content{display:flex;align-items:center;justify-content:flex-end;gap:6px;color:#fff;width:100%;flex-direction:column;line-height:1.3;word-wrap:break-word;word-break:break-word;white-space:normal;text-transform:capitalize}.th-content span{display:inline-block;text-align:right;word-wrap:break-word;word-break:break-word;white-space:normal;line-height:1.2;text-transform:capitalize}.performance-table th[data-column=Product_Hierarchy_Level1] .th-content,.performance-table th[data-column=Material_Group_Name] .th-content,.performance-table th[data-column=Customer_Code] .th-content,.performance-table th[data-column=Customer_Name] .th-content{justify-content:flex-start}.performance-table th[data-column=Product_Hierarchy_Level1] .th-content span,.performance-table th[data-column=Material_Group_Name] .th-content span,.performance-table th[data-column=Customer_Code] .th-content span,.performance-table th[data-column=Customer_Name] .th-content span{text-align:left}.performance-table td{padding:8px;border:none;border-bottom:1px solid rgba(0,64,128,.2);border-right:1px solid rgba(0,64,128,.1);text-align:right;color:#004080;box-sizing:border-box;vertical-align:middle;white-space:nowrap;line-height:1.5;position:relative;font-size:13px}.performance-table td:last-child{border-right:none}.performance-table th:not(:last-child):after,.performance-table td:not(:last-child):after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background-color:#00408033;pointer-events:none;z-index:1}.performance-table th[data-column=Product_Hierarchy_Level1]:after,.performance-table td[data-column=Product_Hierarchy_Level1]:after{display:none}.performance-table th:not(:last-child):after{background-color:#ffffff4d;z-index:1}.performance-table th.sticky-column:after,.performance-table td.sticky-column:after{background-color:#0040804d;z-index:2}.performance-table thead th.sticky-column:after{background-color:#fff6;z-index:13}.performance-table td[data-column=Product_Hierarchy_Level1],.performance-table th[data-column=Product_Hierarchy_Level1]{text-align:left;padding-left:16px;font-size:13px}.performance-table td[data-column=Customer_Code],.performance-table th[data-column=Customer_Code]{text-align:left;font-size:13px}.performance-table td[data-column=Customer_Code],.performance-table td[data-column=Material_Group_Name],.performance-table td[data-column=Product_Hierarchy_Level1],.performance-table th[data-column=Product_Hierarchy_Level1],.performance-table td[data-column=Customer_Name],.performance-table th[data-column=Customer_Name]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px}.performance-table td[data-column=Customer_Code]:hover,.performance-table td[data-column=Material_Group_Name]:hover,.performance-table td[data-column=Product_Hierarchy_Level1]:hover,.performance-table td[data-column=Customer_Name]:hover{white-space:normal;word-wrap:break-word;overflow:visible;z-index:20;position:relative;background-color:#fff;box-shadow:0 2px 8px #00000026;font-size:13px}.performance-table td[data-column=Material_Group_Name],.performance-table th[data-column=Material_Group_Name],.performance-table td[data-column=Customer_Name],.performance-table th[data-column=Customer_Name]{text-align:left;font-size:13px}.performance-table th:not([data-column=Product_Hierarchy_Level1]):not([data-column=Material_Group_Name]):not([data-column=Customer_Code]):not([data-column=Customer_Name]),.performance-table td:not([data-column=Product_Hierarchy_Level1]):not([data-column=Material_Group_Name]):not([data-column=Customer_Code]):not([data-column=Customer_Name]){text-align:right}.performance-table td.numeric{text-align:right;font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}.performance-table td.variance-positive{background-color:#22c55e26!important;color:#16a34a!important;font-weight:600}.performance-table td.variance-negative{background-color:#ef444426!important;color:#dc2626!important;font-weight:600}.performance-table tbody tr.ph1-parent{background:#0020602e!important;font-weight:700;cursor:pointer;border-left:5px solid #002d5c;font-size:13px}.performance-table tbody tr.ph1-parent:hover{background:#00206040!important;border-left:5px solid #001d3d}.performance-table tbody tr.hierarchy-parent:not(.ph1-parent){background:#0054c01a!important;font-weight:400;cursor:pointer;border-left:4px solid #0054C0}.performance-table tbody tr.hierarchy-parent:not(.ph1-parent):hover{background:#0054c02e!important;border-left:4px solid #004080}.performance-table tbody tr.hierarchy-class{background:#0054c00a!important;font-weight:500;cursor:pointer;border-left:3px solid #0066cc}.performance-table tbody tr.hierarchy-class:hover{background:#0054c014!important;border-left:3px solid #0054C0}.performance-table tbody tr.hierarchy-product{background:#00408005!important;font-weight:400;border-left:2px solid rgba(0,84,192,.3)}.performance-table tbody tr.hierarchy-product:hover{background:#0040800d!important;border-left:2px solid rgba(0,84,192,.5)}.performance-table tbody tr td[data-column=LY_Actual_USD_Formatted],.performance-table tbody tr td[data-column=TY_Actual_USD_Formatted]{text-align:right!important}.performance-table tbody tr.hierarchy-child td:first-child{position:relative}.performance-table tbody tr.hierarchy-child td:first-child:before{display:none}.hierarchy-expand-icon{display:inline-block;width:0;height:0;margin-right:8px;vertical-align:middle;transition:transform .2s;border-style:solid;flex-shrink:0}.performance-table tbody tr.ph1-parent .hierarchy-expand-icon:not(.expanded){border-left:7px solid #004080;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-right:10px}.performance-table tbody tr.ph1-parent .hierarchy-expand-icon.expanded{border-top:7px solid #004080;border-left:5px solid transparent;border-right:5px solid transparent;margin-right:10px}.hierarchy-expand-icon:not(.expanded){border-left:6px solid #004080;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:none;width:0;height:0}.hierarchy-expand-icon.expanded{border-top:6px solid #004080;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:none;width:0;height:0;transform:none}.performance-table tbody tr{transition:background .5s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);background:#0040800d;border-left:3px solid transparent;box-sizing:border-box;line-height:1.5}.performance-table tbody tr:hover{background:#0040801f;box-shadow:0 4px 8px #00408026;border-left:3px solid #004080;line-height:1.5}.performance-table tbody tr.overall-result-row{background:#00408033;font-weight:700;border-top:3px solid #004080;border-bottom:3px solid #004080;color:#004080}.performance-table tbody tr.overall-result-row:hover{background:#00408040;transform:none}.performance-table tbody tr.hierarchy-child td{text-align:left}.performance-table tbody tr.hierarchy-child td.numeric{text-align:right}.performance-table th.sticky-column,.performance-table td.sticky-column{position:sticky;left:0;z-index:5;box-shadow:2px 0 4px #0000001a}.performance-table thead th.sticky-column{background-color:#004080!important;z-index:11;border-right:1px solid rgba(255,255,255,.3)!important}.performance-table thead th:not(.sticky-column){z-index:10;position:relative}.performance-table tbody tr.even-row td.sticky-column{background-color:#f0f5ff!important}.performance-table tbody tr.odd-row td.sticky-column{background-color:#fff!important}.performance-table tbody tr.ph1-parent td.sticky-column{background-color:#d1d9e8!important}.performance-table tbody tr.hierarchy-parent:not(.ph1-parent) td.sticky-column{background-color:#d9e3f0!important}.performance-table tbody tr.hierarchy-class td.sticky-column{background-color:#e6f0ff!important}.performance-table tbody tr.hierarchy-product td.sticky-column,.performance-table tbody tr.hierarchy-child td.sticky-column{background-color:#f5f9ff!important}.performance-table tbody tr.overall-result-row td.sticky-column{background-color:#cce0ff!important}.performance-table tbody tr:hover td.sticky-column{background-color:#e0ebf5!important}@media (max-width: 768px){.performance-table-wrapper{margin-top:50px}.performance-table-container{overflow-y:visible;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100%}.performance-table-container:after{opacity:1}.mobile-scroll-hint.left-hint,.mobile-scroll-hint.right-hint{display:flex}.performance-table-wrapper:not([data-type=monthly]) .performance-table{font-size:10px;min-width:0;width:auto;max-width:100%;table-layout:auto}.performance-table th{font-size:10px!important;padding:0!important}.performance-table td{font-size:10px!important;padding:4px 2px!important}.performance-table thead th.sticky-column{z-index:12!important;border-right:2px solid rgba(255,255,255,.4)!important}.performance-table thead th.sticky-column:after{z-index:13!important;background-color:#ffffff80!important}.performance-table thead th:not(.sticky-column){z-index:10;position:relative}.performance-table thead th:not(.sticky-column):after{z-index:1}.performance-table th:first-child,.performance-table td:first-child{overflow:hidden;text-overflow:ellipsis}.performance-table th{padding:10px 4px!important}.performance-table td{padding:8px 4px!important}.column-resizer{width:12px!important;min-width:12px!important;right:-6px!important;background:#ffffffb3!important;border-right:3px solid rgba(255,255,255,.95)!important;touch-action:none!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;z-index:20!important;pointer-events:auto!important}.column-resizer:hover,.column-resizer:active{width:14px!important;background:#fffffff2!important;border-right:4px solid rgba(255,255,255,1)!important}.performance-table th,.performance-table td{min-width:0!important}.performance-table th.sticky-column .column-resizer{background:#ffffffb3!important;border-right:3px solid rgba(255,255,255,.95)!important;z-index:21!important}.performance-table tbody tr{border-left:3px solid transparent;box-sizing:border-box;line-height:1.6}.performance-table tbody tr:hover{border-left:3px solid #004080;line-height:1.6}.table-metrics{padding:8px 10px}.metrics-content{flex-direction:row;align-items:center;gap:8px;flex-wrap:nowrap}.metric-item{flex:0 1 auto;gap:4px}.metric-separator{display:inline;font-size:10px;margin:0 2px}.metric-label{font-size:11px;white-space:nowrap}.metric-value{font-size:11px;min-width:auto;white-space:nowrap}}@media (max-width: 480px){.table-metrics{padding:6px 8px}.metrics-content{flex-direction:row;align-items:center;gap:6px;flex-wrap:nowrap}.metric-separator{display:inline;font-size:9px;margin:0 2px}.metric-label,.metric-value{font-size:10px;white-space:nowrap}}.performance-table-wrapper[data-type=comparative][data-view-type=hierarchy] .performance-table,.performance-table-wrapper[data-type=cases][data-view-type=hierarchy] .performance-table,.performance-table-wrapper[data-type=usd][data-view-type=hierarchy] .performance-table{font-size:11px}.performance-table-wrapper[data-type=comparative][data-view-type=hierarchy] .performance-table th,.performance-table-wrapper[data-type=cases][data-view-type=hierarchy] .performance-table th,.performance-table-wrapper[data-type=usd][data-view-type=hierarchy] .performance-table th{padding:10px 8px;font-size:11px}.performance-table-wrapper[data-type=comparative][data-view-type=hierarchy] .performance-table td,.performance-table-wrapper[data-type=cases][data-view-type=hierarchy] .performance-table td,.performance-table-wrapper[data-type=usd][data-view-type=hierarchy] .performance-table td{padding:8px 6px;font-size:11px}@media (max-width: 768px){.performance-table-wrapper[data-type=cases][data-view-type=customer] .performance-table td[data-column=Customer_Name],.performance-table-wrapper[data-type=usd][data-view-type=customer] .performance-table td[data-column=Customer_Name],.performance-table-wrapper[data-type=cases][data-view-type=customer] .performance-table th[data-column=Customer_Name],.performance-table-wrapper[data-type=usd][data-view-type=customer] .performance-table th[data-column=Customer_Name]{font-size:11px!important}}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0040801a;border:1px solid rgba(0,64,128,.2);margin-top:20px;flex-wrap:wrap;gap:15px;overflow:visible;position:relative}.pagination-info{display:flex;align-items:center}.pagination-text{color:#004080;font-size:14px;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;overflow:visible;position:relative}.rows-per-page-selector{display:flex;align-items:center;gap:10px;position:relative;overflow:visible;z-index:1}.rows-per-page-label{color:#004080;font-size:14px;font-weight:500;white-space:nowrap}.rows-per-page-selector .custom-dropdown{min-width:80px}.pagination-buttons{display:flex;align-items:center;gap:8px}.pagination-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid rgba(0,64,128,.3);background-color:#fff;border-radius:8px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:#004080;padding:0}.pagination-button:hover:not(:disabled){background-color:#0040800d;border-color:#004080;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 8px #00408040}.pagination-button:active:not(:disabled){transform:translateY(0) scale(1);transition:transform .1s}.pagination-button:disabled{opacity:.4;cursor:not-allowed;color:#00408080}.pagination-button:focus{outline:none;box-shadow:0 0 0 3px #00408033}.page-numbers{display:flex;align-items:center;gap:4px;margin:0 4px}.pagination-page-button{min-width:36px;height:36px;padding:0 12px;border:2px solid rgba(0,64,128,.3);background-color:#fff;border-radius:8px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:#004080;font-size:14px;font-weight:500}.pagination-page-button:hover{background-color:#0040800d;border-color:#004080;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 8px #00408040}.pagination-page-button.active{background-color:#004080;border-color:#004080;color:#fff;font-weight:600;box-shadow:0 4px 8px #2563eb66;transform:scale(1.1);animation:pulseActive 2s ease-in-out infinite}@keyframes pulseActive{0%,to{box-shadow:0 4px 8px #00408066}50%{box-shadow:0 6px 12px #00408080}}.pagination-page-button.active:hover{background-color:#004080;border-color:#004080;transform:translateY(-2px) scale(1.15)}.pagination-page-button:active{transform:translateY(0) scale(1);transition:transform .1s}.pagination-page-button:focus{outline:none;box-shadow:0 0 0 3px #00408033}@media (max-width: 768px){.pagination-container{flex-direction:column;align-items:stretch;padding:15px}.pagination-info{justify-content:center;margin-bottom:10px}.pagination-controls{flex-direction:column;align-items:stretch;gap:15px}.rows-per-page-selector{justify-content:space-between;width:100%}.pagination-buttons{justify-content:center;flex-wrap:wrap}.page-numbers{flex-wrap:wrap;justify-content:center}}.card-view-container{width:100%;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0040801a;border:1px solid rgba(0,64,128,.2);overflow:hidden}.card-view-header{padding:16px 20px;border-bottom:1px solid rgba(0,64,128,.2);background-color:#0040800d}.order-by-section{display:flex;align-items:center;gap:12px}.order-by-label{font-size:13px;font-weight:600;color:#004080;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.order-by-controls{display:flex;align-items:center;gap:8px;flex:1}.order-by-controls .custom-dropdown{flex:1;max-width:200px}.sort-direction-controls{display:flex;flex-direction:column;gap:2px}.sort-direction-btn{width:24px;height:12px;padding:0;border:1px solid rgba(0,64,128,.3);background-color:#fff;color:#004080;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:2px}.sort-direction-btn:hover{background-color:#0040801a;border-color:#004080}.sort-direction-btn.active{background-color:#004080;color:#fff;border-color:#004080}.card-view-table{width:100%}.card-view-table-header{display:grid;grid-template-columns:2fr 1fr 2fr;background-color:#004080;color:#fff;font-weight:700;font-size:13px;text-transform:capitalize;letter-spacing:.5px;padding:14px 12px;border-bottom:2px solid rgba(255,255,255,.2)}.card-view-col-hierarchy,.card-view-col-metrics,.card-view-col-values{padding:0 12px}.card-view-col-hierarchy{text-align:left}.card-view-col-metrics,.card-view-col-values{text-align:right}.card-view-table-body{width:100%}.card-view-row{display:grid;grid-template-columns:2fr 1fr 2fr;border-bottom:1px solid rgba(0,64,128,.2);transition:background-color .2s ease}.card-view-row:hover{background-color:#0040800d}.card-view-row.hierarchy-row{background-color:#0040800d;font-weight:600}.card-view-row.marca-row{background-color:#fff}.card-view-row.loading-row{font-style:italic;color:#00408099;padding:12px}.card-view-row .card-view-col-hierarchy,.card-view-row .card-view-col-metrics,.card-view-row .card-view-col-values{padding:12px;display:flex;flex-direction:column;gap:8px;justify-content:center}.expand-button{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:0;color:#004080;font-size:13px;font-weight:600;text-align:left;transition:color .2s ease}.expand-button:hover{color:#0054c0}.expand-icon{display:inline-block;width:12px;height:12px;transition:transform .2s ease;font-size:10px;color:#004080}.expand-icon.expanded{transform:rotate(90deg)}.hierarchy-name{font-size:13px;font-weight:600;color:#004080;text-align:left}.metric-label{font-size:12px;font-weight:600;color:#004080;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:15px;font-weight:500;color:#004080;font-variant-numeric:tabular-nums;text-align:right}.metric-value.variance-positive{color:#006400}.metric-value.variance-negative{color:#dc143c}.marca-row .metric-value{font-size:11px}.metric-label{text-align:right}@media (max-width: 768px){.card-view-table-header,.card-view-row{grid-template-columns:1.5fr .8fr 1.5fr}.card-view-header{padding:12px 16px}.order-by-section{flex-direction:column;align-items:flex-start;gap:8px}.order-by-controls{width:100%}.order-by-controls .custom-dropdown{max-width:100%}.card-view-row .card-view-col-hierarchy,.card-view-row .card-view-col-metrics,.card-view-row .card-view-col-values{padding:10px 8px;gap:6px}.metric-label{font-size:11px}.metric-value{font-size:13px}}.view-toggle-container{display:flex;gap:8px;background-color:#fff;padding:4px;border-radius:8px;border:2px solid rgba(0,64,128,.3);box-shadow:0 2px 4px #0040801a}.view-toggle-btn{flex:1;padding:10px 20px;font-size:13px;font-weight:500;background-color:transparent;border:none;border-radius:6px;cursor:pointer;color:#00408099;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px}.view-toggle-btn:hover{color:#004080;background-color:#0040800d}.view-toggle-btn.active{background-color:#004080;color:#fff;font-weight:600;box-shadow:0 2px 4px #0040804d}@media (max-width: 768px){.view-toggle-container{width:100%}.view-toggle-btn{padding:8px 16px;font-size:12px}}.sales-performance{width:100%}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.view-selector{display:flex;justify-content:center;margin-bottom:12px;margin-top:0;width:100%}.view-button{padding:12px 32px;font-size:13px;font-weight:500;background-color:transparent;border:none;cursor:pointer;color:#00408099;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border-radius:8px;margin:0 4px}.view-button:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:3px;background-color:#004080;border-radius:2px 2px 0 0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.view-button:hover{color:#004080;background-color:#0040800d}.view-button:hover:before{transform:translate(-50%) scaleX(.6)}.view-button.active{color:#004080;font-weight:600;background-color:#0040800d}.view-button.active:before{transform:translate(-50%) scaleX(1)}.view-button:active{transform:scale(.98);transition:transform .1s}@media (max-width: 768px){.filters-section{margin-bottom:16px}.filters-toggle{padding:12px 16px}.filters-content.expanded{padding:0 16px 16px}.filters-grid{grid-template-columns:1fr;gap:16px;padding-top:16px}.filter-label{font-size:13px}.view-selector{width:100%;justify-content:center}.tab-button{padding:10px 16px;font-size:14px}.tabs-container{margin-bottom:15px;width:100%;justify-content:center}.search-container{margin-bottom:20px}.search-input{font-size:14px;padding:10px 35px 10px 12px}}.monthly-progress{width:100%}.view-mode-toggle{display:flex;justify-content:center;margin-bottom:20px;width:100%}.search-input:hover:not(:focus){border-color:#00408080;box-shadow:0 2px 6px #00408026}.clear-search:hover .clear-icon:before,.clear-search:hover .clear-icon:after{background-color:#004080}.performance-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;min-width:1000px}.performance-table td.variance-neutral{background-color:#fbbf241a;color:#d97706;font-weight:500}@media (max-width: 768px){.filters-section{margin-bottom:16px}.filters-toggle{padding:12px 16px}.filters-content.expanded{padding:0 16px 16px}.filters-grid{gap:16px;padding-top:16px}.search-container{margin-bottom:20px}.search-input{font-size:14px;padding:10px 35px 10px 12px}.performance-table{font-size:13px;min-width:900px}}.comparative-sales{width:100%}.filters-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0040801a;border:1px solid rgba(0,64,128,.2);margin-bottom:20px;overflow:hidden;position:relative;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.filters-toggle{width:100%;display:flex;justify-content:center;align-items:center;padding:16px 20px;background:transparent;border:none;cursor:pointer;transition:background-color .2s ease;text-align:center;position:relative}.filters-toggle:hover{background-color:#0040800d}.filters-toggle-label{font-size:14px;font-weight:600;color:#004080;text-transform:uppercase;letter-spacing:.5px}.filters-toggle-icon{width:0;height:0;border-style:solid;border-top:6px solid #004080;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:none;transition:transform .3s cubic-bezier(.4,0,.2,1);display:inline-block;position:absolute;right:20px}.filters-toggle-icon.expanded{transform:rotate(180deg)}.filters-content{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),padding .3s ease;padding:0 20px}.filters-content.expanded{max-height:500px;padding:0 20px 20px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding-top:20px}.filter-item{display:flex;flex-direction:column;gap:8px}.filter-label{font-size:13px;font-weight:700;color:#004080;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.filter-value{display:flex;align-items:center}.filter-input{width:100%;padding:12px 16px;font-size:13px;font-weight:500;color:#004080;background-color:#fff;border:2px solid rgba(0,64,128,.3);border-radius:10px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0040801a}.filter-input:hover{border-color:#004080;box-shadow:0 4px 8px #00408026}.filter-input:focus{border-color:#004080;box-shadow:0 0 0 4px #00408033,0 4px 8px #00408026;background-color:#0040800d}.view-selector,.view-mode-toggle{display:flex;justify-content:center;margin-bottom:20px;width:100%}.tabs-container{display:flex;justify-content:flex-start;gap:0;margin-bottom:20px;margin-top:0;background-color:#fff;border-radius:12px;padding:8px;box-shadow:0 2px 8px #0040801a;border:1px solid rgba(0,64,128,.2);width:fit-content}.tab-button{padding:12px 32px;font-size:13px;font-weight:500;background-color:transparent;border:none;cursor:pointer;color:#00408099;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border-radius:8px;margin:0 4px}.tab-button:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:3px;background-color:#004080;border-radius:2px 2px 0 0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.tab-button:hover{color:#004080;background-color:#0040800d}.tab-button:hover:before{transform:translate(-50%) scaleX(.6)}.tab-button.active{color:#004080;font-weight:600;background-color:#0040800d}.tab-button.active:before{transform:translate(-50%) scaleX(1)}.tab-button:active{transform:scale(.98);transition:transform .1s}.view-selector .custom-dropdown{max-width:300px;width:100%}.view-selector .custom-dropdown-button{background-color:#fff;border:2px solid rgba(0,64,128,.3);border-radius:10px;box-shadow:0 2px 4px #0040801a}.view-button{padding:12px 24px;font-size:13px;font-weight:500;background-color:#fff;border:2px solid rgba(0,64,128,.3);border-radius:8px;cursor:pointer;color:#00408099;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0040801a}.view-button:hover{border-color:#004080;color:#004080;background-color:#0040800d;box-shadow:0 4px 8px #00408026}.view-button.active{background-color:#004080;border-color:#004080;color:#fff;font-weight:600;box-shadow:0 4px 8px #00408066}.brand-search-section{display:flex;gap:12px;margin-bottom:20px;background-color:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px #0040801a;border:1px solid rgba(0,64,128,.2)}.brand-search-input{flex:1;padding:12px 16px;font-size:13px;border:2px solid rgba(0,64,128,.3);border-radius:8px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:#fff;color:#004080}.brand-search-input:focus{border-color:#004080;box-shadow:0 0 0 4px #00408026}.brand-search-button{padding:12px 24px;font-size:13px;font-weight:600;background-color:#004080;border:2px solid #004080;border-radius:8px;cursor:pointer;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0040804d}.brand-search-button:hover{background-color:#004080;border-color:#004080;box-shadow:0 4px 8px #00408066;transform:translateY(-1px)}.brand-search-button:active{transform:translateY(0)}.search-container{display:flex;justify-content:center;position:relative;max-width:100%;margin:0 auto 20px}.search-input{width:100%;padding:16px 50px 16px 24px;font-size:16px;border:2px solid rgba(0,64,128,.3);border-radius:12px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:#fff;box-shadow:0 2px 4px #0040801a;color:#004080}.search-input::placeholder{color:#00408080;transition:opacity .3s}.search-input:focus::placeholder{opacity:.6}.search-input:focus{border-color:#004080;box-shadow:0 0 0 4px #00408026,0 4px 12px #00408033;background-color:#0040800d;transform:translateY(-1px)}.clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.clear-icon{position:relative;width:16px;height:16px}.clear-icon:before,.clear-icon:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;background-color:#004080;transform-origin:center}.clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.clear-search:hover{background-color:#00408026}.tab-content{width:100%;overflow:visible;position:relative}.performance-table-wrapper{width:100%;position:relative;margin-top:50px}.performance-table-container{overflow-x:auto;overflow-y:visible;border:1px solid rgba(0,64,128,.2);border-radius:8px;background-color:#fff;box-shadow:0 4px 6px #00408026,0 2px 4px #0040801a;-webkit-overflow-scrolling:touch;position:relative;scroll-behavior:smooth;transition:box-shadow .3s ease}.performance-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;min-width:1200px}.performance-table thead{background:#004080;position:sticky;top:0;z-index:10}.performance-table th{padding:14px 12px;text-align:center;font-weight:700;border:none;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.performance-table th.sortable{-webkit-user-select:none;user-select:none;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.performance-table th.sortable:hover{background-color:#ffffff40;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.th-content{display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;width:100%}.sort-icon{display:inline-block;width:12px;height:12px;position:relative;flex-shrink:0;margin-left:0}.sort-icon.unsorted:before,.sort-icon.unsorted:after{content:"";position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}.sort-icon.unsorted:before{top:0;border-bottom:4px solid rgba(255,255,255,.7)}.sort-icon.unsorted:after{bottom:0;border-top:4px solid rgba(255,255,255,.7)}.sort-icon.asc:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:7px solid white;margin-top:-2px}.sort-icon.desc:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid white;margin-top:2px}.performance-table td{padding:12px;border:none;border-bottom:1px solid rgba(0,64,128,.2);text-align:center;color:#004080;box-sizing:border-box;vertical-align:middle}.performance-table td.numeric{text-align:center;font-variant-numeric:tabular-nums;font-weight:500}.performance-table tbody tr{transition:background .5s cubic-bezier(.4,0,.2,1);background:#0040800d;border-left:3px solid transparent;box-sizing:border-box;line-height:1.5}.performance-table tbody tr.even-row{background:#0040800d}.performance-table tbody tr.odd-row{background:#fff}.performance-table tbody tr:hover{background:#0040801f;box-shadow:0 4px 8px #00408026;border-left:3px solid #004080}@media (max-width: 768px){.filters-section{margin-bottom:16px}.filters-toggle{padding:12px 16px}.filters-content.expanded{padding:0 16px 16px}.filters-grid{grid-template-columns:1fr;gap:16px;padding-top:16px}.view-selector{width:100%;justify-content:center}.brand-search-section{flex-direction:column}.brand-search-button{width:100%}.performance-table{font-size:13px;min-width:1000px}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eff6ff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}