.filters-wrapper{background:linear-gradient(#edf1f8 0%,#f2f5fb 100%);border-bottom:1px solid #e2e8f3;border-radius:0;margin:0 -24px 16px;padding:16px 24px}.preset-btn{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:12px;height:38px;padding:0 14px;font-weight:600;transition:all .2s}.preset-btn:hover{background:#f8fafc}.filters-bar{flex-wrap:wrap;grid-template-columns:repeat(4,1fr);align-items:center;gap:12px;display:grid}.filters-bar>.filter-item,.filters-bar>.filter-select,.filters-bar>.filter-search{box-sizing:border-box;height:42px;width:100%!important}.filter-item{cursor:pointer;background:#fff;border:1px solid #e3e7ef;border-radius:10px;align-items:center;gap:12px;min-width:225px;height:42px;padding:0 16px;display:flex;box-shadow:0 1px 2px #0000000a}.filter-item.filter-search{padding-right:8px}.filter-item:hover{background:#f9fbff}.filter-icon{color:#2563eb;font-size:18px}.filter-text{color:#374151;white-space:nowrap;font-size:14px;font-weight:500}.filter-chevron{color:#6b7280;margin-left:auto;font-size:12px}.filter-select{background:#fff;border:1px solid #e3e7ef;border-radius:10px;min-width:200px;height:42px;padding:0 16px}.MuiOutlinedInput-notchedOutline{border:none!important}.MuiSelect-select{color:#374151;align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex;padding:0!important}.MuiSelect-select svg{color:#2563eb;font-size:18px}.calendar-container{box-sizing:border-box;background:#fff;width:340px;height:340px;padding:16px;overflow:hidden}.calendar-header{text-align:center;color:#1f2937;height:24px;margin-bottom:10px;font-size:15px;font-weight:600;line-height:24px}.calendar-weekdays{text-align:center;color:#9ca3af;grid-template-columns:repeat(7,1fr);height:22px;margin-bottom:6px;font-size:12px;display:grid}.calendar-weekdays div{height:22px;line-height:22px}.calendar-grid{grid-template-rows:repeat(6,38px);grid-template-columns:repeat(7,1fr);display:grid}.calendar-grid>div{justify-content:center;align-items:center;width:38px;height:38px;display:flex}.calendar-day{text-align:center;color:#111827;cursor:pointer;box-sizing:border-box;width:38px;height:38px;font-size:14px;font-weight:500;line-height:38px}.calendar-day:hover{background:#e5edff;border-radius:50%}.range-start,.range-end{color:#fff;background:#2563eb;border-radius:50%;font-weight:500}.range-middle{color:#1e3a8a;background:#dbeafe;border-radius:0;font-weight:500}.calendar-footer{justify-content:flex-end;margin-top:10px;display:flex}.calendar-clear-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:13px;font-weight:600}.calendar-clear-btn:hover{text-decoration:underline}.calendar-clear-btn:disabled{color:#9ca3af;cursor:default;text-decoration:none}.filter-search{align-items:center;min-width:260px;display:flex;position:relative}.filter-search-input{color:#333;background:0 0;border:none;outline:none;flex:1;padding-right:44px;font-size:14px}.filter-search-input::placeholder{color:#777}.date-footer{justify-content:flex-end;gap:10px;padding-top:10px;display:flex}.filter-item.filter-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.filters-container{flex-wrap:wrap;gap:12px;display:flex}.filter-item{flex:240px;min-width:240px}.filter-item-fixed{box-sizing:border-box;border-radius:12px;align-items:center;gap:10px;width:240px;height:44px;padding:0 14px;display:flex}.filter-search-btn{justify-content:center;align-items:center;display:flex;top:50%;right:10px;transform:translateY(-50%);width:24px!important;min-width:24px!important;height:24px!important;box-shadow:none!important;background:0 0!important;padding:0!important;position:absolute!important}.filter-search-btn svg{color:#6b7280;stroke-width:2px;width:16px;height:16px}.filter-search-btn:hover svg{color:#374151}.filter-search-btn svg{stroke-width:2px;font-size:18px}.filter-search-btn:hover{color:#374151;background:0 0}.date-dropdown{min-width:740px;padding:16px}.date-inputs-header{border-bottom:1px solid #e5e7eb;margin-bottom:16px;padding-bottom:12px}.date-input-group{align-items:center;gap:12px;display:flex}.date-input-field{color:#374151;text-align:center;pointer-events:auto;cursor:text;border:1px solid #d1d5db;border-radius:8px;width:140px;height:38px;padding:0 12px;font-size:14px;font-weight:500}.date-input-field:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.date-input-field::placeholder{color:#9ca3af}.date-separator{color:#6b7280;font-weight:500}.date-content{gap:14px;display:flex}.date-calendar{width:520px}.react-datepicker{border:none;font-size:12px}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{width:30px;line-height:30px}.date-presets{flex-direction:column;gap:8px;width:180px;padding-top:8px;display:flex}.preset-btn{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:160px;height:34px;padding:0 12px;font-size:13px;font-weight:500;transition:all .2s}.preset-btn:hover{background:#f3f4f6;border-color:#d1d5db}.date-footer{border-top:1px solid #e5e7eb;justify-content:center;gap:10px;margin-top:16px;padding-top:16px;display:flex}.footer-btn{cursor:pointer;border:1px solid #e5e7eb;border-radius:8px;height:36px;padding:0 18px;font-size:14px;font-weight:600;transition:all .2s}.footer-btn.ghost{background:#fff}.footer-btn.ghost:hover{background:#f9fafb}.footer-btn.primary{color:#fff;background:#111827;border-color:#111827}.footer-btn.primary:hover{background:#1f2937}.date-input-wrapper{flex:0;position:relative}.date-input-field.error{background-color:#fff5f5!important;border-color:#ff3b30!important}.date-range-label{color:#1f2937;margin-bottom:0;font-size:14px;font-weight:600}.date-error-tooltip{color:#fff;z-index:1000;white-space:normal;word-wrap:break-word;background-color:#ff3b30;border-radius:4px;max-width:200px;margin-top:4px;padding:6px 8px;font-size:11px;position:absolute;top:100%;left:0;right:0;box-shadow:0 2px 8px #0003}.date-error-tooltip:before{content:"";border-bottom:4px solid #ff3b30;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;top:-4px;left:12px}.react-datepicker__day--today{color:inherit!important;background-color:#0000!important;border:none!important;font-weight:400!important}.react-datepicker__day--keyboard-selected{color:inherit!important;background-color:#0000!important}.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range{color:#000!important;background-color:#2196f34d!important;border-radius:0!important}.react-datepicker__day--range-start,.react-datepicker__day--range-end,.react-datepicker__day--selecting-range-start,.react-datepicker__day--selecting-range-end{color:#fff!important;background-color:#2196f3!important;border-radius:50%!important}.react-datepicker__day--range-start{border-radius:0% 0 0 0%!important}.react-datepicker__day--range-end{border-radius:0 0% 0% 0!important}.react-datepicker__day--range-start.react-datepicker__day--range-end{border-radius:0%!important}.react-datepicker__day--selecting-range-start:not(.react-datepicker__day--in-range){color:#fff!important;background-color:#2196f3!important}.react-datepicker__day:hover{background-color:#2196f326!important;border-radius:50%!important}.search-column-select{min-width:120px;margin-right:6px}.filter-search{align-items:center;gap:6px;display:flex}.search-dropdown{flex-shrink:0;width:130px}.filter-search-input{flex:1;min-width:0}.search-dropdown input{font-size:14px;padding:0!important}.search-dropdown{flex:none!important;width:fit-content!important;max-width:fit-content!important}.fake-select{align-items:center;gap:6px;width:fit-content;display:inline-flex}.treeselect-shell{cursor:pointer;background:#f3f4f6;padding-right:10px}.treeselect-content{flex:1;align-items:center;display:flex}.treeselect-content input,.treeselect-content .treeselect-input,.treeselect-content .treeselect-trigger{color:#374151;width:100%;font-size:14px;font-weight:500;background:0 0!important;border:none!important;padding:0!important}.treeselect-label{color:#374151;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.treeselect-content .treeselect-input,.treeselect-content input{opacity:0;pointer-events:none;position:absolute}.geography-filter{cursor:pointer;align-items:center;gap:8px;display:flex;position:relative}.geography-filter .treeselect-input,.geography-filter input{font-size:14px;background:0 0!important;border:none!important;padding:0!important}.treeselect-all{opacity:.6}.geo-icon{color:#6b7280;pointer-events:none;margin-left:auto;font-size:18px}.filter-search .search-dropdown{margin-right:12px;padding-right:12px;position:relative}.filter-search .search-dropdown:after{content:"";background:#9ca3af;width:1px;height:22px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.filter-search-icon{color:#6b7280;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.filter-search-icon svg{width:16px;height:16px;display:block}.geography-filter,.filter-item,.filter-select,.filter-search{overflow:visible!important}.treeselect-node input[type=checkbox]{z-index:2;position:relative;pointer-events:auto!important}.filters-wrapper,.filters-bar,.filter-item,.filter-select,.filter-search,.geography-filter{overflow:visible!important}.treeselect-shell{z-index:10000!important;position:relative!important;overflow:visible!important}.treeselect-list{pointer-events:auto!important;position:fixed!important}.treeselect-node input[type=checkbox]{pointer-events:auto!important;z-index:5!important;position:relative!important}@media (max-width:768px){.filters-wrapper,.filters-bar,.filter-item{filter:none!important;perspective:none!important;transform:none!important}.treeselect-shell{position:relative;overflow:visible!important}.filter-item{z-index:1;position:relative}.filter-item,.filter-search,.filters-bar,.filters-wrapper{overflow:visible}.filters-wrapper{margin:0 0 12px;padding:12px}.filters-bar{grid-template-columns:1fr;gap:10px;display:grid!important}.filters-bar>*{grid-column:1/-1}.filters-bar>.filter-item,.filters-bar>.filter-select,.filters-bar>.filter-search{box-sizing:border-box;margin-left:-5px;z-index:1!important;align-items:center!important;height:42px!important;min-height:42px!important;max-height:42px!important;padding:0 16px!important;line-height:42px!important;display:flex!important;overflow:hidden!important}.geography-filter{z-index:2!important}}@media (max-width:600px){.geography-filter{z-index:2!important}.filter-item-fixed,.filter-select.filter-item-fixed{width:180px!important;height:44px!important}.date-dropdown{min-width:auto;max-width:100vw;margin-top:65px;padding:10px;display:block;overflow-x:auto}.date-input-group{flex-direction:column;gap:8px}.date-input-field{width:100%;max-width:200px}.date-separator{display:none}.date-content{display:block;flex-direction:column!important}.date-calendar{overflow-x:auto;width:100%!important}.react-datepicker{flex-direction:column!important;display:flex!important}.react-datepicker__month-container{width:100%!important}.date-presets{flex-direction:column!important;gap:8px!important;width:100%!important;padding:16px!important;display:flex!important}.preset-btn{text-align:left!important;cursor:pointer!important;background:#fff!important;border:1px solid #e0e0e0!important;border-radius:8px!important;width:100%!important;padding:12px 16px!important;font-size:14px!important}.preset-btn:hover:not(:disabled){background:#f5f5f5!important}.preset-btn:disabled{cursor:not-allowed!important;opacity:.5!important}}.zindex2{z-index:2!important}
.column-filter-popup{z-index:10000;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:240px;max-width:320px;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:absolute;box-shadow:0 4px 12px #00000026}.column-filter-popup.popup-right{transform-origin:0 0;animation:.15s ease-out popupSlideRight}.column-filter-popup.popup-left{transform-origin:100% 0;animation:.15s ease-out popupSlideLeft}.column-filter-popup.popup-center{transform-origin:top;animation:.15s ease-out popupSlideDown}@keyframes popupSlideRight{0%{opacity:0;transform:translate(-10px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes popupSlideLeft{0%{opacity:0;transform:translate(10px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes popupSlideDown{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.column-filter-popup .popup-title{color:#1f2937;border-bottom:1px solid #e5e7eb;margin-bottom:12px;padding-bottom:8px;font-size:14px;font-weight:600}.column-filter-popup input[type=text],.column-filter-popup input[type=date]{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;margin-bottom:8px;padding:8px 12px;font-size:13px;transition:border-color .2s}.column-filter-popup input[type=text]:focus,.column-filter-popup input[type=date]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.column-filter-popup .date-label{color:#6b7280;margin-top:4px;margin-bottom:4px;font-size:12px;font-weight:500;display:block}.column-filter-popup .filter-mode-label{color:#6b7280;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.column-filter-popup .filter-mode-select{cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;margin-bottom:12px;padding:8px 12px;font-size:13px;transition:border-color .2s}.column-filter-popup .filter-mode-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.column-filter-popup .popup-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.column-filter-popup .popup-actions button{cursor:pointer;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.column-filter-popup .popup-actions button:first-child{color:#fff;background-color:#3b82f6}.column-filter-popup .popup-actions button:first-child:hover{background-color:#2563eb}.column-filter-popup .popup-actions button:nth-child(2){color:#fff;background-color:#ef4444}.column-filter-popup .popup-actions button:nth-child(2):hover{background-color:#dc2626}.column-filter-popup .popup-actions button:last-child{color:#374151;background-color:#f3f4f6;border:1px solid #d1d5db}.column-filter-popup .popup-actions button:last-child:hover{background-color:#e5e7eb}.filter-icon{cursor:pointer;color:#ffffffbf;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:inline-flex}.filter-icon:hover{color:#fff;background-color:#ffffff26}.filter-icon.active{color:gold}.filter-icon.active:hover{color:gold;background-color:#ffffff26}.filter-icon svg{width:14px;height:14px}.insights-card{background:#fff;border-radius:12px;flex-direction:column;height:600px;display:flex;overflow:hidden}.insights-header{background:#f6f9fc;flex-shrink:0;padding:10px 16px;font-size:20px}.insights-header-flex{justify-content:space-between;align-items:center;display:flex}.it-top-scroll{background:#f6f9fc;border-bottom:1px solid #e0e7ef;flex-shrink:0;height:12px;overflow:auto hidden}.it-top-scroll::-webkit-scrollbar{height:12px}.it-top-scroll::-webkit-scrollbar-track{background:#f1f1f1}.it-top-scroll::-webkit-scrollbar-thumb{background:#888;border-radius:6px}.it-top-scroll::-webkit-scrollbar-thumb:hover{background:#555}.it-top-scroll-inner{height:1px}.insights-scroll{scrollbar-width:auto;scrollbar-color:#888 #f1f1f1;flex:1;min-height:0;padding-top:0;position:relative;overflow:auto}.insights-scroll::-webkit-scrollbar{width:12px;height:12px}.insights-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.insights-scroll::-webkit-scrollbar-thumb{background:#888;border-radius:6px}.insights-scroll::-webkit-scrollbar-thumb:hover{background:#555}.insights-scroll thead th{z-index:3;position:sticky;top:0}.insights-top-bar{background:#f6f9fc;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.insights-top-bar-right{justify-content:flex-end}.insights-actions-right{align-items:center;gap:12px;display:flex}.export-inline-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:background-color .2s;display:flex}.export-inline-btn:hover{background-color:#1d4ed8}.table-customizer-wrapper{position:relative}.table-customizer-btn{color:#111827;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px;font-size:14px;font-weight:500;display:flex}.table-customizer-icon{color:#2563eb;flex-shrink:0}.table-customizer-text{white-space:nowrap}.table-customizer-dropdown{z-index:200;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:200px;padding:10px;position:absolute;top:26px;right:0;box-shadow:0 8px 20px #00000026}.table-customizer-dropdown label{cursor:pointer;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.table-customizer-dropdown label:last-child{margin-bottom:0}.table-customizer-dropdown label.locked{opacity:.6;cursor:not-allowed}.table-customizer-dropdown .select-all{margin-bottom:8px;font-weight:600}.table-customizer-dropdown .divider{background:#e5e7eb;height:1px;margin:8px 0 10px}.lock-text{color:#64748b;font-size:11px}.insights-footer{background:#fff;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pager button{margin:0 2px}body.filter-popup-open{overflow:hidden}@media (max-width:768px){.insights-card{box-sizing:border-box!important;border-radius:8px!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important}.it-top-scroll{display:none!important}.insights-scroll{-webkit-overflow-scrolling:touch;box-sizing:border-box!important;flex:none!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:65vh!important;padding-top:0!important;overflow:auto!important}.insights-scroll table{min-width:700px;max-width:none}.column-filter-popup{z-index:10000;box-sizing:border-box;border-radius:16px 16px 0 0;max-height:70vh;padding:16px;overflow-y:auto;box-shadow:0 -8px 24px #00000040;width:100%!important;position:fixed!important;inset:auto 0 0!important}.column-filter-popup .popup-actions{background:#fff;flex-direction:column;padding-top:10px;position:sticky;bottom:0}.column-filter-popup .popup-actions button{width:100%}.column-filter-popup input{padding:10px;font-size:16px}body.filter-popup-open{width:100%;position:fixed;overflow:hidden}}
