:root{--autumn-primary:#d2691e;--autumn-accent:#ff8c00}*{-webkit-box-sizing:border-box;box-sizing:border-box}[dir] *{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden;width:100%}[dir] body{background:#e2e8f0}#app{height:100vh;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:none}.header-toolbar{-webkit-box-shadow:0 4px 16px rgba(0,0,0,.15)}[dir] .header-toolbar{padding:16px 0;box-shadow:0 4px 16px rgba(0,0,0,.15)}[dir=ltr] .header-toolbar{background:linear-gradient(135deg,#d2691e,#ff8c00)}[dir=rtl] .header-toolbar{background:linear-gradient(-135deg,#d2691e,#ff8c00)}.header-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}[dir] .header-content{padding:0 20px}.logo-section{gap:12px}.logo-icon,.logo-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo-icon{width:40px;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;color:var(--autumn-primary)}[dir] .logo-icon{background:#fff;border-radius:10px}.dashboard-title{color:#fff;font-size:1.5rem;font-weight:600}.header-controls{gap:20px}.header-controls,.loader-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.loader-controls{gap:15px}.toggle-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[dir] .toggle-label{cursor:pointer}.toggle-checkbox{width:18px;height:18px;accent-color:#fff}[dir] .toggle-checkbox{cursor:pointer}[dir=ltr] .toggle-checkbox{margin-right:8px}[dir=rtl] .toggle-checkbox{margin-left:8px}.toggle-text{color:#fff;font-size:.875rem;font-weight:500}.interval-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.interval-text{font-weight:500}.interval-select,.interval-text{color:#fff;font-size:.875rem}[dir] .interval-select{padding:4px 8px;border-radius:6px;border:1px solid hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.2);cursor:pointer}.interval-select option{color:#fff}[dir] .interval-select option{background:#ff8c00}.live-indicator{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}[dir] .live-indicator{background:hsla(0,0%,100%,.2);padding:8px 16px;border-radius:20px}.live-dot{width:8px;height:8px}[dir] .live-dot{background:#4caf50;border-radius:50%}[dir=ltr] .live-dot,[dir=rtl] .live-dot{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}[dir=ltr] .live-dot.auto-refresh,[dir=rtl] .live-dot.auto-refresh{-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(76,175,80,.7);box-shadow:0 0 0 0 rgba(76,175,80,.7)}70%{-webkit-box-shadow:0 0 0 10px rgba(76,175,80,0);box-shadow:0 0 0 10px rgba(76,175,80,0)}to{-webkit-box-shadow:0 0 0 0 rgba(76,175,80,0);box-shadow:0 0 0 0 rgba(76,175,80,0)}}@keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(76,175,80,.7);box-shadow:0 0 0 0 rgba(76,175,80,.7)}70%{-webkit-box-shadow:0 0 0 10px rgba(76,175,80,0);box-shadow:0 0 0 10px rgba(76,175,80,0)}to{-webkit-box-shadow:0 0 0 0 rgba(76,175,80,0);box-shadow:0 0 0 0 rgba(76,175,80,0)}}.header-refresh-btn{color:#fff;font-size:.875rem;font-weight:500;transition:all .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}[dir] .header-refresh-btn{padding:8px 16px;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:6px;cursor:pointer;-webkit-transition:all .3s}[dir=ltr] .header-refresh-btn{margin-left:12px}[dir=rtl] .header-refresh-btn{margin-right:12px}.header-refresh-btn:hover{-webkit-transform:translateY(-1px)}[dir] .header-refresh-btn:hover{background:hsla(0,0%,100%,.3);transform:translateY(-1px)}.refresh-icon{display:inline-block;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}[dir] .refresh-icon{-webkit-transition:-webkit-transform .3s}[dir=ltr] .header-refresh-btn:hover .refresh-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}[dir=rtl] .header-refresh-btn:hover .refresh-icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.main-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;width:100%}[dir] .main-content{padding:20px;background:#e2e8f0}.stats-section{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.15)}[dir] .stats-section{background:#fff;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.15);border:1px solid #cbd5e1}.stats-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .stats-header{padding:16px 20px;background:#f1f5f9;border-bottom:1px solid #cbd5e1;border-radius:12px 12px 0 0}.stats-title{font-size:1.125rem;font-weight:600;color:#34495e}[dir] .stats-title{margin:0}.toggle-stats-btn{color:#fff;font-size:.875rem;font-weight:500;transition:all .3s;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}[dir] .toggle-stats-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;-webkit-transition:all .3s}[dir=ltr] .toggle-stats-btn{background:linear-gradient(135deg,#d2691e,#ff8c00)}[dir=rtl] .toggle-stats-btn{background:linear-gradient(-135deg,#d2691e,#ff8c00)}.toggle-stats-btn:hover{-webkit-transform:translateY(-1px)}[dir] .toggle-stats-btn:hover{transform:translateY(-1px)}[dir=ltr] .toggle-stats-btn:hover{background:linear-gradient(135deg,#ff8c00,orange)}[dir=rtl] .toggle-stats-btn:hover{background:linear-gradient(-135deg,#ff8c00,orange)}[dir] .stats-wrapper{padding:16px 20px}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.08);transition:all .3s;position:relative;overflow:visible}[dir] .stat-card{background:#f8fafc;border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.08);-webkit-transition:all .3s;border:1px solid #e2e8f0}[dir] .clickable-stat{cursor:pointer}.clickable-stat:hover{-webkit-transform:translateY(-4px);-webkit-box-shadow:0 6px 16px rgba(0,0,0,.15)}[dir] .clickable-stat:hover{transform:translateY(-4px);box-shadow:0 6px 16px rgba(0,0,0,.15);background:#fff}.stat-hint{position:absolute;bottom:8px;font-size:.625rem;color:#94a3b8;opacity:0;transition:opacity .3s;font-weight:500;text-transform:uppercase;letter-spacing:.5px}[dir] .stat-hint{-webkit-transition:opacity .3s}[dir=ltr] .stat-hint{right:8px}[dir=rtl] .stat-hint{left:8px}.clickable-stat:hover .stat-hint{opacity:1}[dir=ltr] .total-stat{border-left:4px solid #ff8c00}[dir=rtl] .total-stat{border-right:4px solid #ff8c00}[dir=ltr] .volume-stat{border-left:4px solid #4caf50}[dir=rtl] .volume-stat{border-right:4px solid #4caf50}[dir=ltr] .cost-stat{border-left:4px solid #27ae60}[dir=rtl] .cost-stat{border-right:4px solid #27ae60}[dir=ltr] .equipment-stat{border-left:4px solid #e74c3c}[dir=rtl] .equipment-stat{border-right:4px solid #e74c3c}[dir=ltr] .product-stat{border-left:4px solid #2196f3}[dir=rtl] .product-stat{border-right:4px solid #2196f3}[dir=ltr] .average-stat{border-left:4px solid #9c27b0}[dir=rtl] .average-stat{border-right:4px solid #9c27b0}.stat-label{color:#2c3e50;font-size:.875rem;font-weight:600}[dir] .stat-label{margin-bottom:8px}.stat-value{font-size:1.75rem;color:#2c3e50;font-weight:700}.stat-change{font-size:.75rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}[dir] .stat-change{margin-top:4px}.stat-change.positive{color:#27ae60}.stat-change.negative{color:#e74c3c}.search-section{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.15)}[dir] .search-section{background:#fff;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.15);border:1px solid #cbd5e1}.filter-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .filter-header{padding:16px 20px;background:#f1f5f9;border-bottom:1px solid #cbd5e1;border-radius:12px 12px 0 0}.filter-title{font-size:1.125rem;font-weight:600;color:#34495e}[dir] .filter-title{margin:0}.filter-header-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.filter-header-buttons,.toggle-filter-btn{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.toggle-filter-btn{color:#fff;font-size:.875rem;font-weight:500;transition:all .3s;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:6px}[dir] .toggle-filter-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;-webkit-transition:all .3s}[dir=ltr] .toggle-filter-btn{background:linear-gradient(135deg,#d2691e,#ff8c00)}[dir=rtl] .toggle-filter-btn{background:linear-gradient(-135deg,#d2691e,#ff8c00)}.toggle-filter-btn:hover{-webkit-transform:translateY(-1px)}[dir] .toggle-filter-btn:hover{transform:translateY(-1px)}[dir=ltr] .toggle-filter-btn:hover{background:linear-gradient(135deg,#ff8c00,orange)}[dir=rtl] .toggle-filter-btn:hover{background:linear-gradient(-135deg,#ff8c00,orange)}.reset-filter-header-btn{color:#fff;font-size:.9rem;font-weight:500;transition:all .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}[dir] .reset-filter-header-btn{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;-webkit-transition:all .3s}[dir=ltr] .reset-filter-header-btn{background:linear-gradient(135deg,#ef4444,#dc2626)}[dir=rtl] .reset-filter-header-btn{background:linear-gradient(-135deg,#ef4444,#dc2626)}.reset-filter-header-btn:hover{-webkit-transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(239,68,68,.3)}[dir] .reset-filter-header-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.3)}[dir=ltr] .reset-filter-header-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}[dir=rtl] .reset-filter-header-btn:hover{background:linear-gradient(-135deg,#dc2626,#b91c1c)}.reset-icon{font-size:1.1rem;font-weight:700;display:inline-block;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}[dir] .reset-icon{-webkit-transition:-webkit-transform .3s}[dir=ltr] .reset-filter-header-btn:hover .reset-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}[dir=rtl] .reset-filter-header-btn:hover .reset-icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}[dir] .search-section.collapsed .filter-header{border-radius:12px;border-bottom:none}[dir] .search-controls-wrapper{padding:16px 20px}.search-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}[dir] .search-controls{margin-bottom:16px}.search-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.search-label{font-size:.875rem;color:#34495e;font-weight:500}[dir] .search-label{margin-bottom:4px}.search-input{font-size:14px;transition:all .3s}[dir] .search-input{padding:10px 12px;border:1px solid #94a3b8;border-radius:8px;-webkit-transition:all .3s;background:#fff}.search-input:focus{outline:none;-webkit-box-shadow:0 0 0 3px rgba(210,105,30,.15)}[dir] .search-input:focus{border-color:#d2691e;box-shadow:0 0 0 3px rgba(210,105,30,.15)}.multi-select-container{position:relative}.multi-select-display{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;transition:all .3s;min-height:44px}[dir] .multi-select-display{padding:10px 12px;border:1px solid #94a3b8;border-radius:8px;background:#fff;cursor:pointer;-webkit-transition:all .3s}[dir] .multi-select-display:hover{border-color:#d2691e;background:#fff8f3}.placeholder{color:#999}.selected-items{color:#495057;font-weight:500}.dropdown-arrow{color:#999;font-size:.75rem}.multi-select-dropdown{position:absolute;top:100%;max-height:250px;overflow-y:auto;z-index:9999;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.15)}[dir] .multi-select-dropdown{background:#fff;border:2px solid #d2691e;border-radius:8px;margin-top:4px;box-shadow:0 4px 16px rgba(0,0,0,.15)}[dir=ltr] .multi-select-dropdown,[dir=rtl] .multi-select-dropdown{left:0;right:0}[dir] .select-all-option{padding:8px 12px;border-bottom:1px solid #f0f0f0;background:#f8f9fa}.dropdown-options{max-height:200px;overflow-y:auto}.checkbox-option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;transition:background .2s}[dir] .checkbox-option{padding:8px 12px;cursor:pointer;-webkit-transition:background .2s}[dir] .checkbox-option:hover{background:#fff3e0}.checkbox-option input[type=checkbox]{width:16px;height:16px;accent-color:#d2691e}[dir] .checkbox-option input[type=checkbox]{cursor:pointer}[dir=ltr] .checkbox-option input[type=checkbox]{margin-right:8px}[dir=rtl] .checkbox-option input[type=checkbox]{margin-left:8px}.multi-badge{color:#fff;font-size:.75rem;font-weight:600}[dir] .multi-badge{background:#ff8c00;padding:2px 6px;border-radius:10px}[dir=ltr] .multi-badge{margin-left:4px}[dir=rtl] .multi-badge{margin-right:4px}[dir] .orange-badge{background:#ff8c00}[dir] .columns-select{border:2px solid #ff8c00;background:#fff8f3}.columns-dropdown{max-height:400px}.filter-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}[dir] .filter-actions{padding-top:12px;border-top:1px solid #f0f0f0}.apply-filters-btn{color:#fff;font-weight:600;transition:all .3s}[dir] .apply-filters-btn{padding:10px 24px;border:none;border-radius:8px;cursor:pointer;-webkit-transition:all .3s}[dir=ltr] .apply-filters-btn{background:linear-gradient(135deg,#d2691e,#ff8c00)}[dir=rtl] .apply-filters-btn{background:linear-gradient(-135deg,#d2691e,#ff8c00)}.apply-filters-btn:hover{-webkit-transform:translateY(-1px);-webkit-box-shadow:0 4px 8px rgba(210,105,30,.3)}[dir] .apply-filters-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(210,105,30,.3)}.reset-filters-btn{color:#34495e;font-weight:600;transition:all .3s}[dir] .reset-filters-btn{padding:10px 24px;background:#fff;border:2px solid #ffe4b5;border-radius:8px;cursor:pointer;-webkit-transition:all .3s}.reset-filters-btn:hover{-webkit-transform:translateY(-1px)}[dir] .reset-filters-btn:hover{background:#fff8f3;border-color:#ff8c00;transform:translateY(-1px)}.grid-container{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.15);overflow:hidden}[dir] .grid-container{background:#fff;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.15);border:1px solid #cbd5e1}.grid-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .grid-header{padding:16px 20px;background:#f1f5f9;border-bottom:1px solid #cbd5e1}.grid-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.report-name{font-size:1.125rem;font-weight:600;color:#334155}.date-range-label{font-size:.9rem;color:#64748b;font-weight:500;font-style:italic}.grid-controls{gap:20px}.grid-controls,.rows-selector{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rows-selector{gap:8px}.rows-label{font-size:.875rem;color:#6c757d;font-weight:500}.rows-select{color:#475569;font-size:.875rem;min-width:100px}[dir] .rows-select{padding:6px 12px;border:1px solid #94a3b8;border-radius:6px;background:#fff;cursor:pointer}.grid-actions{gap:8px}.action-button,.grid-actions{display:-webkit-box;display:-ms-flexbox;display:flex}.action-button{color:#475569;font-size:.875rem;transition:all .3s;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-weight:500;white-space:nowrap}[dir] .action-button{padding:8px 16px;background:#fff;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;-webkit-transition:all .3s}.action-button:hover{-webkit-transform:translateY(-1px);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1)}[dir] .action-button:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.export-btn{color:#10b981}[dir] .export-btn{border-color:#d1fae5}[dir] .export-btn:hover{background:#ecfdf5;border-color:#10b981}.popout-btn{color:#8b5cf6}[dir] .popout-btn{border-color:#ddd6fe}[dir] .popout-btn:hover{background:#f3e8ff;border-color:#8b5cf6}.refresh-btn{color:#3b82f6}[dir] .refresh-btn{border-color:#dbeafe}[dir] .refresh-btn:hover{background:#eff6ff;border-color:#3b82f6}.clear-column-searches-btn{color:#fff;font-size:.85rem;font-weight:500;transition:all .2s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}[dir] .clear-column-searches-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;-webkit-transition:all .2s}[dir=ltr] .clear-column-searches-btn{background:linear-gradient(135deg,#ff6b6b,#ff5252);margin-right:10px}[dir=rtl] .clear-column-searches-btn{background:linear-gradient(-135deg,#ff6b6b,#ff5252);margin-left:10px}.clear-column-searches-btn:hover{-webkit-transform:translateY(-1px)}[dir] .clear-column-searches-btn:hover{transform:translateY(-1px)}.table-container{overflow:auto;position:relative;max-height:600px}.data-table{width:100%;border-collapse:collapse}.data-table thead{position:sticky;top:0;z-index:10}[dir=ltr] .data-table thead{background:linear-gradient(135deg,#d2691e,#ff8c00)}[dir=rtl] .data-table thead{background:linear-gradient(-135deg,#d2691e,#ff8c00)}.data-table th{color:#fff;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}[dir] .data-table th{padding:12px 16px}[dir=ltr] .data-table th{text-align:left}[dir=rtl] .data-table th{text-align:right}.data-table tbody tr{transition:all .2s}[dir] .data-table tbody tr{border-bottom:1px solid #e2e8f0;-webkit-transition:all .2s;background:#fff;cursor:pointer}[dir] .data-table tbody tr:hover{background:#f1f5f9}[dir] .data-table tbody tr.row-success{background:rgba(39,174,96,.03)}[dir] .data-table tbody tr.row-failed{background:rgba(231,76,60,.04)}[dir=ltr] .data-table tbody tr.row-failed{border-left:3px solid #e74c3c}[dir=rtl] .data-table tbody tr.row-failed{border-right:3px solid #e74c3c}.data-table td{font-size:.875rem;color:#334155}[dir] .data-table td{padding:12px 16px}[dir] .search-row{background:#fff3e0!important}[dir] .search-row th{background:transparent!important;padding:6px!important}[dir=ltr] .search-row th{border-right:1px solid #ffcc80!important}[dir=rtl] .search-row th{border-left:1px solid #ffcc80!important}.column-search-input{width:100%;font-size:.75rem;color:#333;transition:all .2s;font-weight:400;letter-spacing:normal;text-transform:none}[dir] .column-search-input{padding:5px 8px;border:1px solid #ffcc80;border-radius:4px;background:#fff;-webkit-transition:all .2s}.column-search-input:focus{outline:none;-webkit-box-shadow:0 0 0 2px rgba(255,152,0,.2)}[dir] .column-search-input:focus{border-color:#ff9800;box-shadow:0 0 0 2px rgba(255,152,0,.2)}.column-search-input::-webkit-input-placeholder{color:#999;font-style:italic}.column-search-input::-moz-placeholder{color:#999;font-style:italic}.column-search-input:-ms-input-placeholder{color:#999;font-style:italic}.column-search-input::-ms-input-placeholder{color:#999;font-style:italic}.column-search-input::placeholder{color:#999;font-style:italic}.date-time-cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px}.date-part{font-size:.875rem;color:#334155;font-weight:500}.time-ago{font-size:.75rem;color:#94a3b8;font-style:italic}.date-cell{font-family:monospace;color:#475569}.transaction-id{font-family:Courier New,monospace;font-size:.75rem}.transaction-id.colorful{color:#ec4899;font-weight:600}[dir] .transaction-id.colorful{background:rgba(236,72,153,.1);padding:2px 6px;border-radius:4px}.id-code{font-family:monospace;font-size:.75rem;color:#64748b}.registration-badge{display:inline-block;color:#fff;font-size:.8rem;font-weight:600;font-family:monospace;letter-spacing:.5px}[dir] .registration-badge{padding:4px 10px;border-radius:6px}[dir=ltr] .registration-badge{background:linear-gradient(135deg,#3b82f6,#6366f1)}[dir=rtl] .registration-badge{background:linear-gradient(-135deg,#3b82f6,#6366f1)}.tag-code{font-size:.75rem;color:#334155;font-family:monospace}[dir] .tag-code{background:#e2e8f0;padding:2px 8px;border-radius:4px}.product-badge-new{display:inline-block;font-size:.8rem;font-weight:600}[dir] .product-badge-new{padding:6px 14px;border-radius:20px}.product-diesel{color:#fff}[dir=ltr] .product-diesel{background:linear-gradient(135deg,#4ade80,#22c55e)}[dir=rtl] .product-diesel{background:linear-gradient(-135deg,#4ade80,#22c55e)}.product-petrol{color:#fff}[dir=ltr] .product-petrol{background:linear-gradient(135deg,#60a5fa,#3b82f6)}[dir=rtl] .product-petrol{background:linear-gradient(-135deg,#60a5fa,#3b82f6)}.product-gas{color:#fff}[dir=ltr] .product-gas{background:linear-gradient(135deg,#fbbf24,#f59e0b)}[dir=rtl] .product-gas{background:linear-gradient(-135deg,#fbbf24,#f59e0b)}.product-other{color:#fff}[dir=ltr] .product-other{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}[dir=rtl] .product-other{background:linear-gradient(-135deg,#a78bfa,#8b5cf6)}.volume-cell-new{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:3px;font-weight:700}.volume-value{font-size:1rem;color:#f97316}.volume-unit{font-size:.875rem;color:#fb923c;font-weight:500}.volume-primary{font-weight:600;color:#ff8c00;font-size:.9rem}.equipment-name{color:#2196f3;font-weight:500}.metric-value{font-weight:500;color:#475569}.personnel-name{color:#9c27b0;font-weight:500}.error-text{color:#e74c3c;font-size:.8rem;font-style:italic}[dir] .error-text{cursor:help}.count-value{font-weight:700;color:#ff8c00;font-size:1rem}.status-pill{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.3px}[dir] .status-pill{padding:4px 10px;border-radius:12px}.status-200{color:#27ae60}[dir] .status-200{background:rgba(39,174,96,.15);border:1px solid rgba(39,174,96,.3)}.status-401{color:#e74c3c}[dir] .status-401{background:rgba(231,76,60,.15);border:1px solid rgba(231,76,60,.3)}.status-400{color:#ff9800}[dir] .status-400{background:rgba(255,152,0,.15);border:1px solid rgba(255,152,0,.3)}.status-422{color:#9b59b6}[dir] .status-422{background:rgba(155,89,182,.15);border:1px solid rgba(155,89,182,.3)}.status-default{color:#64748b}[dir] .status-default{background:rgba(100,116,139,.1);border:1px solid rgba(100,116,139,.3)}.status-cell-new{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.status-dot-new{width:8px;height:8px;display:inline-block}[dir] .status-dot-new{border-radius:50%}.status-dot-new.processed{-webkit-box-shadow:0 0 0 2px rgba(16,185,129,.2)}[dir] .status-dot-new.processed{background:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.2)}[dir=ltr] .status-dot-new.processed,[dir=rtl] .status-dot-new.processed{-webkit-animation:pulse-green 2s infinite;animation:pulse-green 2s infinite}[dir] .status-dot-new.failed{background:#ef4444}.status-text-new{color:#10b981}.status-text-new,.text-failed{font-size:.8rem;font-weight:600}.text-failed{color:#ef4444}@-webkit-keyframes pulse-green{0%{-webkit-box-shadow:0 0 0 2px rgba(16,185,129,.2);box-shadow:0 0 0 2px rgba(16,185,129,.2)}70%{-webkit-box-shadow:0 0 0 6px rgba(16,185,129,0);box-shadow:0 0 0 6px rgba(16,185,129,0)}to{-webkit-box-shadow:0 0 0 2px rgba(16,185,129,.2);box-shadow:0 0 0 2px rgba(16,185,129,.2)}}@keyframes pulse-green{0%{-webkit-box-shadow:0 0 0 2px rgba(16,185,129,.2);box-shadow:0 0 0 2px rgba(16,185,129,.2)}70%{-webkit-box-shadow:0 0 0 6px rgba(16,185,129,0);box-shadow:0 0 0 6px rgba(16,185,129,0)}to{-webkit-box-shadow:0 0 0 2px rgba(16,185,129,.2);box-shadow:0 0 0 2px rgba(16,185,129,.2)}}.empty-state{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#334155}[dir] .empty-state{padding:60px 20px;background:#f8fafc;border-radius:8px;margin:20px}.empty-icon{font-size:4rem;color:#ffe4b5}[dir] .empty-icon{margin-bottom:16px}.empty-title{font-size:1.25rem;font-weight:600}[dir] .empty-title{margin-bottom:8px}.empty-description{color:#6c757d}[dir] .empty-description{text-align:center}.loading-overlay{position:absolute;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:100}[dir] .loading-overlay{background:rgba(241,245,249,.95)}[dir=ltr] .loading-overlay,[dir=rtl] .loading-overlay{left:0;right:0}.loader{width:48px;height:48px}[dir] .loader{border:4px solid #ffe4b5;border-top:4px solid #d2691e;border-radius:50%}[dir=ltr] .loader{-webkit-animation:spin-ltr 1s linear infinite;animation:spin-ltr 1s linear infinite}[dir=rtl] .loader{-webkit-animation:spin-rtl 1s linear infinite;animation:spin-rtl 1s linear infinite}@-webkit-keyframes spin-ltr{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes spin-rtl{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes spin-ltr{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-rtl{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.pagination-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .pagination-container{padding:16px 20px;border-top:1px solid #cbd5e1;background:#f1f5f9}.pagination-info{color:#6c757d;font-size:.875rem}.pagination-controls{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}.page-btn{color:#495057;font-size:.875rem;transition:all .2s;font-weight:500;min-width:40px}[dir] .page-btn{padding:6px 12px;background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;-webkit-transition:all .2s}.page-btn:hover:not(:disabled){color:#d2691e}[dir] .page-btn:hover:not(:disabled){background:#f8f9fa;border-color:#d2691e}.page-btn.active{color:#fff}[dir] .page-btn.active{border-color:#d2691e}[dir=ltr] .page-btn.active{background:linear-gradient(135deg,#d2691e,#ff8c00)}[dir=rtl] .page-btn.active{background:linear-gradient(-135deg,#d2691e,#ff8c00)}.page-btn:disabled{opacity:.5}[dir] .page-btn:disabled{cursor:not-allowed}.simple-popup{position:fixed;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10000}[dir] .simple-popup{background:rgba(0,0,0,.5)}[dir=ltr] .simple-popup,[dir=rtl] .simple-popup{left:0;right:0}.drill-down-overlay{z-index:99999!important}[dir] .drill-down-overlay{background:rgba(0,0,0,.6)}.popup-content{width:90%;max-width:700px;max-height:80vh;overflow:auto;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.3)}[dir] .popup-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3)}.wide-popup{max-width:900px}.drill-down-popup{position:fixed!important;max-width:1200px;width:90%;max-height:85vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 10px 40px rgba(0,0,0,.4);z-index:100000}[dir] .drill-down-popup{box-shadow:0 10px 40px rgba(0,0,0,.4);border:2px solid #ff8c00}.popup-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}[dir] .popup-header{padding:16px 20px;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0}[dir=ltr] .popup-header{background:linear-gradient(135deg,#d2691e,#ff8c00)}[dir=rtl] .popup-header{background:linear-gradient(-135deg,#d2691e,#ff8c00)}.popup-header h3{font-size:1.25rem}[dir] .popup-header h3{margin:0}.close-btn{color:#fff;font-size:28px;width:36px;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;transition:all .2s;line-height:1}[dir] .close-btn{background:hsla(0,0%,100%,.2);border:none;cursor:pointer;padding:0;border-radius:50%;-webkit-transition:all .2s}.close-btn:hover{-webkit-transform:scale(1.1)}[dir] .close-btn:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.drill-down-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[dir] .drill-down-header{cursor:move}.header-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;-webkit-box-flex:1;-ms-flex:1;flex:1}.popup-date-range{font-size:.85rem;color:hsla(0,0%,100%,.9)}[dir] .popup-body{padding:20px}.drill-down-popup .popup-body{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}[dir] .drill-down-popup .popup-body{padding:20px 0}.detail-sections{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}[dir] .detail-section{background:#f8fafc;border-radius:8px;padding:16px;border:1px solid #e2e8f0}.detail-section h4{color:#334155;font-size:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}[dir] .detail-section h4{margin:0 0 12px 0}.source-icon{font-size:1.25rem}[dir=ltr] .equipment-section{border-left:3px solid #3498db}[dir=rtl] .equipment-section{border-right:3px solid #3498db}[dir=ltr] .cost-section{border-left:3px solid #ff9800}[dir=rtl] .cost-section{border-right:3px solid #ff9800}[dir=ltr] .personnel-section{border-left:3px solid #9c27b0}[dir=rtl] .personnel-section{border-right:3px solid #9c27b0}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.detail-row{font-size:.9rem}.detail-row strong{color:#34495e;display:inline-block;min-width:100px}.drill-down-summary{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}[dir] .drill-down-summary{margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:8px}.summary-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.summary-label{font-size:.875rem;color:#64748b;font-weight:500}.summary-value-large{font-size:1.5rem;font-weight:700;color:#ff8c00}.summary-stats{gap:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.stat-item,.summary-stats{display:-webkit-box;display:-ms-flexbox;display:flex}.stat-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.drill-down-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}[dir] .drill-down-actions{margin-bottom:20px;padding:0 16px}.action-btn{color:#475569;font-size:.875rem;font-weight:500;transition:all .2s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}[dir] .action-btn{padding:8px 16px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;cursor:pointer;-webkit-transition:all .2s}.action-btn:hover{-webkit-transform:translateY(-1px);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1)}[dir] .action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.excel-btn:hover{color:#fff}[dir] .excel-btn:hover{background:#10b981;border-color:#10b981}.print-btn:hover{color:#fff}[dir] .print-btn:hover{background:#8b5cf6;border-color:#8b5cf6}.drill-down-grid{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto}[dir] .drill-down-grid{border:1px solid #e2e8f0;border-radius:8px;margin:0 16px}.drill-down-table{width:100%;border-collapse:collapse}[dir] .drill-down-table{background:#fff}.drill-down-table thead{position:sticky;top:0;z-index:10}[dir] .drill-down-table thead{background:#f1f5f9}.drill-down-table th{font-weight:600;font-size:.875rem;color:#475569}[dir] .drill-down-table th{padding:10px;border-bottom:2px solid #e2e8f0}[dir=ltr] .drill-down-table th{text-align:left}[dir=rtl] .drill-down-table th{text-align:right}.drill-down-table tbody tr{transition:background .2s}[dir] .drill-down-table tbody tr{border-bottom:1px solid #f0f0f0;-webkit-transition:background .2s}[dir] .drill-down-row{cursor:pointer}[dir] .drill-down-row:hover{background:#f8fafc}.drill-down-table td{font-size:.875rem;color:#334155}[dir] .drill-down-table td{padding:10px}.product-badge-small{font-size:.75rem;display:inline-block}[dir] .product-badge-small{padding:3px 8px;border-radius:12px}.registration-code{font-family:monospace;font-size:.8rem;color:#0369a1}[dir] .registration-code{background:#f0f9ff;padding:2px 6px;border-radius:4px}.volume-cell-drill{font-weight:600;color:#f97316;font-size:.9rem}.drill-down-totals{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}[dir] .drill-down-totals{padding:12px 16px;background:#f8fafc;border-top:2px solid #e2e8f0}.total-label{font-weight:600;color:#475569;font-size:.95rem}.total-value{font-size:1.25rem;font-weight:700;color:#ff8c00}[dir] .drill-down-footer{padding:12px 16px;background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 8px 8px}[dir=ltr] .drill-down-footer{text-align:right}[dir=rtl] .drill-down-footer{text-align:left}.record-count{font-size:.875rem;color:#64748b}.fields-section{grid-column:1/-1}.fields-table{width:100%;border-collapse:collapse;font-size:.875rem}[dir] .fields-table{margin-top:8px}[dir] .fields-table thead{background:#f1f5f9}.fields-table th{font-weight:600;color:#475569}[dir] .fields-table th{padding:8px 12px;border-bottom:2px solid #e2e8f0}[dir=ltr] .fields-table th{text-align:left}[dir=rtl] .fields-table th{text-align:right}[dir] .fields-table tbody tr{border-bottom:1px solid #f0f4f8}[dir] .fields-table tbody tr:hover{background:#f8fafc}.field-key{font-weight:600;color:#334155;width:40%}[dir] .field-key{padding:7px 12px}.field-value{color:#475569}[dir] .field-value{padding:7px 12px}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .3s ease}[dir] .slide-fade-enter-active,[dir] .slide-fade-leave-active{-webkit-transition:all .3s ease}.slide-fade-enter,.slide-fade-leave-to{-webkit-transform:translateY(-10px);opacity:0}[dir] .slide-fade-enter,[dir] .slide-fade-leave-to{transform:translateY(-10px)}@media (max-width:768px){[dir] .main-content{padding:12px}.stats-container{grid-template-columns:1fr 1fr}.search-controls{grid-template-columns:1fr}.data-table{font-size:.75rem}[dir] .data-table td,[dir] .data-table th{padding:8px}}@media (max-width:480px){.header-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}.stats-container{grid-template-columns:1fr}.pagination-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.pagination-controls{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}