:root{--android-color:#4caf50;--log-color:#ff9800;--iot-color:#2196f3;--all-systems-color:#27ae60;--missing-color:#e74c3c;--variance-ok:#4caf50;--variance-significant:#f44336;--autumn-primary:#d2691e;--autumn-accent:#ff8c00;--gradient-primary:linear-gradient(135deg,var(--autumn-primary),var(--autumn-accent))}*{-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}.interval-select:focus{outline:none}[dir] .interval-select:focus{border-color:hsla(0,0%,100%,.5);background:hsla(0,0%,100%,.3)}.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)}}.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-filter-btn,.toggle-stats-btn{color:#fff;font-size:.875rem;font-weight:500;transition:all .3s ease;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-filter-btn,[dir] .toggle-stats-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;-webkit-transition:all .3s ease}[dir=ltr] .toggle-filter-btn,[dir=ltr] .toggle-stats-btn{background:linear-gradient(135deg,#d2691e,#ff8c00)}[dir=rtl] .toggle-filter-btn,[dir=rtl] .toggle-stats-btn{background:linear-gradient(-135deg,#d2691e,#ff8c00)}.toggle-filter-btn:hover{-webkit-transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(255,140,0,.3)}[dir] .toggle-filter-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,140,0,.3)}[dir=ltr] .toggle-filter-btn:hover{background:linear-gradient(135deg,#ff8c00,orange)}[dir=rtl] .toggle-filter-btn:hover{background:linear-gradient(-135deg,#ff8c00,orange)}.toggle-filter-btn .toggle-icon{font-size:1rem}[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 ease;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 ease;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!important}.clickable-stat:hover .stat-hint{opacity:1}.stat-hint{position:absolute;bottom:8px;font-size:.625rem;color:#94a3b8;opacity:0;transition:opacity .3s ease;font-weight:500;text-transform:uppercase;letter-spacing:.5px}[dir] .stat-hint{-webkit-transition:opacity .3s ease}[dir=ltr] .stat-hint{right:8px}[dir=rtl] .stat-hint{left:8px}[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 #ff9800}[dir=rtl] .cost-stat{border-right:4px solid #ff9800}[dir=ltr] .equipment-stat{border-left:4px solid #2196f3}[dir=rtl] .equipment-stat{border-right:4px solid #2196f3}[dir=ltr] .product-stat{border-left:4px solid #9c27b0}[dir=rtl] .product-stat{border-right:4px solid #9c27b0}[dir=ltr] .average-stat{border-left:4px solid #e74c3c}[dir=rtl] .average-stat{border-right:4px solid #e74c3c}.stat-label{color:#2c3e50;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}.stat-change.warning{color:#f39c12}.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{gap:10px}.filter-header-buttons,.reset-filter-header-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.reset-filter-header-btn{color:#fff;font-size:.9rem;font-weight:500;transition:all .3s ease;gap:6px}[dir] .reset-filter-header-btn{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease}[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-filter-header-btn .reset-icon{font-size:1.1rem;font-weight:700;display:inline-block;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}[dir] .reset-filter-header-btn .reset-icon{-webkit-transition:-webkit-transform .3s ease}[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)}.filter-card.collapsed{min-height:auto}[dir] .filter-card.collapsed .filter-header{border-radius:12px;border-bottom:none}[dir] .search-section.collapsed{margin-bottom:10px}[dir] .search-section.collapsed .filter-header{border-radius:12px}[dir=ltr] .search-section.collapsed .filter-header{background:linear-gradient(135deg,#f59e0b,#f97316)}[dir=rtl] .search-section.collapsed .filter-header{background:linear-gradient(-135deg,#f59e0b,#f97316)}[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 ease}[dir] .search-input{padding:10px 12px;border:1px solid #94a3b8;border-radius:8px;-webkit-transition:all .3s ease;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 ease;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 ease}[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;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}[dir] .dropdown-arrow{-webkit-transition:-webkit-transform .3s ease}.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 ease}[dir] .checkbox-option{padding:8px 12px;cursor:pointer;-webkit-transition:background .2s ease}[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{padding:2px 6px;border-radius:10px}[dir=ltr] .multi-badge{background:linear-gradient(135deg,#d2691e,#ff8c00);margin-left:4px}[dir=rtl] .multi-badge{background:linear-gradient(-135deg,#d2691e,#ff8c00);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,.reset-filters-btn{font-weight:600;transition:all .3s ease}[dir] .apply-filters-btn,[dir] .reset-filters-btn{padding:10px 24px;border:none;border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease}.apply-filters-btn{color:#fff}[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)}[dir=ltr] .apply-filters-btn:hover{background:linear-gradient(135deg,#b85918,#e67c00)}[dir=rtl] .apply-filters-btn:hover{background:linear-gradient(-135deg,#b85918,#e67c00)}.reset-filters-btn{color:#34495e}[dir] .reset-filters-btn{background:#fff;border:2px solid #ffe4b5}.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{font-size:1.125rem;font-weight:600;color:#34495e}.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 ease;-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 ease}.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)}.action-icon{font-size:1rem}.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}.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 ease}[dir] .data-table tbody tr{border-bottom:1px solid #e2e8f0;-webkit-transition:all .2s ease;background:#fff;cursor:pointer}[dir] .data-table tbody tr:hover{background:#f1f5f9}[dir] .data-table tbody tr.row-diesel{background:rgba(76,175,80,.03)}[dir] .data-table tbody tr.row-petrol{background:rgba(33,150,243,.03)}[dir=ltr] .data-table tbody tr.row-high-volume{border-left:3px solid #ff8c00}[dir=rtl] .data-table tbody tr.row-high-volume{border-right:3px solid #ff8c00}.data-table td{font-size:.875rem;color:#334155}[dir] .data-table td{padding:12px 16px}.transaction-id{font-family:Courier New,monospace;font-size:.75rem;color:#64748b}.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}.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}.time-cell{font-family:monospace;color:#64748b;font-size:.875rem}.device-code{font-size:.75rem;color:#0369a1}[dir] .device-code{background:#f0f9ff;padding:2px 6px;border-radius:4px}.equipment-cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.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)}.store-name{color:#64748b;font-size:.875rem}.store-badge{display:inline-block;font-size:.8rem;font-weight:600;transition:all .2s ease;white-space:nowrap;letter-spacing:.2px}[dir] .store-badge{padding:5px 12px;border-radius:16px;-webkit-transition:all .2s ease;cursor:default}.store-badge.store-diesel{color:#fff;-webkit-box-shadow:0 2px 4px rgba(4,120,87,.2)}[dir] .store-badge.store-diesel{box-shadow:0 2px 4px rgba(4,120,87,.2)}[dir=ltr] .store-badge.store-diesel{background:linear-gradient(135deg,#065f46,#047857)}[dir=rtl] .store-badge.store-diesel{background:linear-gradient(-135deg,#065f46,#047857)}.store-badge.store-bowser{color:#fff;-webkit-box-shadow:0 2px 4px rgba(154,52,18,.2)}[dir] .store-badge.store-bowser{box-shadow:0 2px 4px rgba(154,52,18,.2)}[dir=ltr] .store-badge.store-bowser{background:linear-gradient(135deg,#7c2d12,#9a3412)}[dir=rtl] .store-badge.store-bowser{background:linear-gradient(-135deg,#7c2d12,#9a3412)}.store-badge.store-north{color:#fff;-webkit-box-shadow:0 2px 4px rgba(37,99,235,.2)}[dir] .store-badge.store-north{box-shadow:0 2px 4px rgba(37,99,235,.2)}[dir=ltr] .store-badge.store-north{background:linear-gradient(135deg,#1e3a8a,#2563eb)}[dir=rtl] .store-badge.store-north{background:linear-gradient(-135deg,#1e3a8a,#2563eb)}.store-badge.store-south{color:#fff;-webkit-box-shadow:0 2px 4px rgba(239,68,68,.2)}[dir] .store-badge.store-south{box-shadow:0 2px 4px rgba(239,68,68,.2)}[dir=ltr] .store-badge.store-south{background:linear-gradient(135deg,#dc2626,#ef4444)}[dir=rtl] .store-badge.store-south{background:linear-gradient(-135deg,#dc2626,#ef4444)}.store-badge.store-east{color:#fff;-webkit-box-shadow:0 2px 4px rgba(249,115,22,.2)}[dir] .store-badge.store-east{box-shadow:0 2px 4px rgba(249,115,22,.2)}[dir=ltr] .store-badge.store-east{background:linear-gradient(135deg,#ea580c,#f97316)}[dir=rtl] .store-badge.store-east{background:linear-gradient(-135deg,#ea580c,#f97316)}.store-badge.store-west{color:#fff;-webkit-box-shadow:0 2px 4px rgba(139,92,246,.2)}[dir] .store-badge.store-west{box-shadow:0 2px 4px rgba(139,92,246,.2)}[dir=ltr] .store-badge.store-west{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}[dir=rtl] .store-badge.store-west{background:linear-gradient(-135deg,#7c3aed,#8b5cf6)}.store-badge.store-central{color:#fff;-webkit-box-shadow:0 2px 4px rgba(6,182,212,.2)}[dir] .store-badge.store-central{box-shadow:0 2px 4px rgba(6,182,212,.2)}[dir=ltr] .store-badge.store-central{background:linear-gradient(135deg,#0891b2,#06b6d4)}[dir=rtl] .store-badge.store-central{background:linear-gradient(-135deg,#0891b2,#06b6d4)}.store-badge.store-main{color:#fff;-webkit-box-shadow:0 2px 4px rgba(225,29,72,.2)}[dir] .store-badge.store-main{box-shadow:0 2px 4px rgba(225,29,72,.2)}[dir=ltr] .store-badge.store-main{background:linear-gradient(135deg,#be123c,#e11d48)}[dir=rtl] .store-badge.store-main{background:linear-gradient(-135deg,#be123c,#e11d48)}.store-badge.store-vgl{color:#fff;-webkit-box-shadow:0 2px 4px rgba(21,128,61,.2)}[dir] .store-badge.store-vgl{box-shadow:0 2px 4px rgba(21,128,61,.2)}[dir=ltr] .store-badge.store-vgl{background:linear-gradient(135deg,#166534,#15803d)}[dir=rtl] .store-badge.store-vgl{background:linear-gradient(-135deg,#166534,#15803d)}.store-badge.store-a4g{color:#fff;-webkit-box-shadow:0 2px 4px rgba(147,51,234,.2)}[dir] .store-badge.store-a4g{box-shadow:0 2px 4px rgba(147,51,234,.2)}[dir=ltr] .store-badge.store-a4g{background:linear-gradient(135deg,#6b21a8,#9333ea)}[dir=rtl] .store-badge.store-a4g{background:linear-gradient(-135deg,#6b21a8,#9333ea)}.store-badge.store-type-1{color:#fff;-webkit-box-shadow:0 2px 4px rgba(56,189,248,.2)}[dir] .store-badge.store-type-1{box-shadow:0 2px 4px rgba(56,189,248,.2)}[dir=ltr] .store-badge.store-type-1{background:linear-gradient(135deg,#0ea5e9,#38bdf8)}[dir=rtl] .store-badge.store-type-1{background:linear-gradient(-135deg,#0ea5e9,#38bdf8)}.store-badge.store-type-2{color:#fff;-webkit-box-shadow:0 2px 4px rgba(251,191,36,.2)}[dir] .store-badge.store-type-2{box-shadow:0 2px 4px rgba(251,191,36,.2)}[dir=ltr] .store-badge.store-type-2{background:linear-gradient(135deg,#f59e0b,#fbbf24)}[dir=rtl] .store-badge.store-type-2{background:linear-gradient(-135deg,#f59e0b,#fbbf24)}.store-badge.store-type-3{color:#fff;-webkit-box-shadow:0 2px 4px rgba(52,211,153,.2)}[dir] .store-badge.store-type-3{box-shadow:0 2px 4px rgba(52,211,153,.2)}[dir=ltr] .store-badge.store-type-3{background:linear-gradient(135deg,#10b981,#34d399)}[dir=rtl] .store-badge.store-type-3{background:linear-gradient(-135deg,#10b981,#34d399)}.store-badge.store-type-4{color:#fff;-webkit-box-shadow:0 2px 4px rgba(244,114,182,.2)}[dir] .store-badge.store-type-4{box-shadow:0 2px 4px rgba(244,114,182,.2)}[dir=ltr] .store-badge.store-type-4{background:linear-gradient(135deg,#ec4899,#f472b6)}[dir=rtl] .store-badge.store-type-4{background:linear-gradient(-135deg,#ec4899,#f472b6)}.store-badge.store-type-5{color:#fff;-webkit-box-shadow:0 2px 4px rgba(167,139,250,.2)}[dir] .store-badge.store-type-5{box-shadow:0 2px 4px rgba(167,139,250,.2)}[dir=ltr] .store-badge.store-type-5{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}[dir=rtl] .store-badge.store-type-5{background:linear-gradient(-135deg,#8b5cf6,#a78bfa)}.store-badge.store-default{color:#fff;-webkit-box-shadow:0 2px 4px rgba(148,163,184,.2)}[dir] .store-badge.store-default{box-shadow:0 2px 4px rgba(148,163,184,.2)}[dir=ltr] .store-badge.store-default{background:linear-gradient(135deg,#64748b,#94a3b8)}[dir=rtl] .store-badge.store-default{background:linear-gradient(-135deg,#64748b,#94a3b8)}.store-badge:hover{-webkit-transform:translateY(-1px);-webkit-box-shadow:0 4px 8px rgba(0,0,0,.15)}[dir] .store-badge:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.equipment-name{color:#2196f3;font-weight:500}.product-badge-new{display:inline-block;font-size:.8rem;font-weight:600;text-transform:capitalize;letter-spacing:.3px;transition:all .2s ease}[dir] .product-badge-new{padding:6px 14px;border-radius:20px;-webkit-transition:all .2s ease;cursor:default}.product-badge-new.product-diesel{color:#fff;-webkit-box-shadow:0 2px 4px rgba(34,197,94,.2)}[dir] .product-badge-new.product-diesel{box-shadow:0 2px 4px rgba(34,197,94,.2)}[dir=ltr] .product-badge-new.product-diesel{background:linear-gradient(135deg,#4ade80,#22c55e)}[dir=rtl] .product-badge-new.product-diesel{background:linear-gradient(-135deg,#4ade80,#22c55e)}.product-badge-new.product-diesel:hover{-webkit-transform:translateY(-1px);-webkit-box-shadow:0 4px 8px rgba(34,197,94,.3)}[dir] .product-badge-new.product-diesel:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(34,197,94,.3)}.product-badge-new.product-petrol{color:#fff;-webkit-box-shadow:0 2px 4px rgba(59,130,246,.2)}[dir] .product-badge-new.product-petrol{box-shadow:0 2px 4px rgba(59,130,246,.2)}[dir=ltr] .product-badge-new.product-petrol{background:linear-gradient(135deg,#60a5fa,#3b82f6)}[dir=rtl] .product-badge-new.product-petrol{background:linear-gradient(-135deg,#60a5fa,#3b82f6)}.product-badge-new.product-gas{color:#fff;-webkit-box-shadow:0 2px 4px rgba(245,158,11,.2)}[dir] .product-badge-new.product-gas{box-shadow:0 2px 4px rgba(245,158,11,.2)}[dir=ltr] .product-badge-new.product-gas{background:linear-gradient(135deg,#fbbf24,#f59e0b)}[dir=rtl] .product-badge-new.product-gas{background:linear-gradient(-135deg,#fbbf24,#f59e0b)}.product-badge-new.product-other{color:#fff;-webkit-box-shadow:0 2px 4px rgba(139,92,246,.2)}[dir] .product-badge-new.product-other{box-shadow:0 2px 4px rgba(139,92,246,.2)}[dir=ltr] .product-badge-new.product-other{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}[dir=rtl] .product-badge-new.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;color:#f97316}.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}.activity-type-badge{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}[dir] .activity-type-badge{padding:5px 12px;border-radius:8px}.activity-type-badge.activity-complete{color:#fff}[dir] .activity-type-badge.activity-complete{background:#10b981}.activity-type-badge.activity-partial{color:#fff}[dir] .activity-type-badge.activity-partial{background:#f59e0b}.activity-type-badge.activity-pending{color:#fff}[dir] .activity-type-badge.activity-pending{background:#6b7280}.details-cell-new{font-size:.8rem;color:#64748b}.details-text{font-style:italic}.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}.status-text-new{font-size:.8rem;color:#10b981;font-weight:600}@-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)}}.cost-primary{font-weight:600;color:#ff9800;font-size:.9rem}.price-value{color:#ff9800;font-weight:500}.personnel-name{color:#9c27b0;font-weight:500}.cost-centre{color:#00bcd4;font-style:italic}.allocation-text{color:#00acc1;font-size:.875rem}.measurement-text{color:#607d8b;font-size:.875rem}.description-text{color:#64748b;font-style:italic;font-size:.875rem}.rebate-text{color:#4caf50;font-weight:500;font-size:.875rem}.job-code{font-size:.75rem;color:#0369a1;font-family:monospace}[dir] .job-code{background:#f0f9ff;padding:2px 6px;border-radius:4px}.metric-value{font-weight:500;color:#475569}.tag-code{font-size:.75rem;color:#334155;font-family:monospace}[dir] .tag-code{background:#e2e8f0;padding:2px 8px;border-radius:4px}.info-code{font-size:.75rem;color:#0284c7;font-family:monospace}[dir] .info-code{background:#e0f2fe;padding:2px 6px;border-radius:4px}.group-name{font-weight:600;color:#334155;font-size:.95rem}.count-value{font-weight:700;color:#ff8c00;font-size:1rem}.account-name{font-weight:500;color:#475569}.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.5rem;font-weight:600;color:#334155}.date-range-label{font-size:.9rem;color:#64748b;font-weight:500;font-style:italic}.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);font-weight:400}.master-group-badge{display:inline-block;font-size:.8rem;font-weight:600;transition:all .2s ease;white-space:nowrap;letter-spacing:.2px}[dir] .master-group-badge{padding:5px 12px;border-radius:16px;-webkit-transition:all .2s ease;cursor:default}.master-group-transport{color:#fff;-webkit-box-shadow:0 2px 4px rgba(249,115,22,.2)}[dir] .master-group-transport{box-shadow:0 2px 4px rgba(249,115,22,.2)}[dir=ltr] .master-group-transport{background:linear-gradient(135deg,#f97316,#fb923c)}[dir=rtl] .master-group-transport{background:linear-gradient(-135deg,#f97316,#fb923c)}.master-group-production{color:#fff;-webkit-box-shadow:0 2px 4px rgba(16,185,129,.2)}[dir] .master-group-production{box-shadow:0 2px 4px rgba(16,185,129,.2)}[dir=ltr] .master-group-production{background:linear-gradient(135deg,#059669,#10b981)}[dir=rtl] .master-group-production{background:linear-gradient(-135deg,#059669,#10b981)}.master-group-workshop{color:#fff;-webkit-box-shadow:0 2px 4px rgba(167,139,250,.2)}[dir] .master-group-workshop{box-shadow:0 2px 4px rgba(167,139,250,.2)}[dir=ltr] .master-group-workshop{background:linear-gradient(135deg,#7c3aed,#a78bfa)}[dir=rtl] .master-group-workshop{background:linear-gradient(-135deg,#7c3aed,#a78bfa)}.master-group-operations{color:#fff;-webkit-box-shadow:0 2px 4px rgba(6,182,212,.2)}[dir] .master-group-operations{box-shadow:0 2px 4px rgba(6,182,212,.2)}[dir=ltr] .master-group-operations{background:linear-gradient(135deg,#0891b2,#06b6d4)}[dir=rtl] .master-group-operations{background:linear-gradient(-135deg,#0891b2,#06b6d4)}.master-group-maintenance{color:#fff;-webkit-box-shadow:0 2px 4px rgba(239,68,68,.2)}[dir] .master-group-maintenance{box-shadow:0 2px 4px rgba(239,68,68,.2)}[dir=ltr] .master-group-maintenance{background:linear-gradient(135deg,#dc2626,#ef4444)}[dir=rtl] .master-group-maintenance{background:linear-gradient(-135deg,#dc2626,#ef4444)}.master-group-admin{color:#fff;-webkit-box-shadow:0 2px 4px rgba(250,204,21,.2)}[dir] .master-group-admin{box-shadow:0 2px 4px rgba(250,204,21,.2)}[dir=ltr] .master-group-admin{background:linear-gradient(135deg,#ca8a04,#facc15)}[dir=rtl] .master-group-admin{background:linear-gradient(-135deg,#ca8a04,#facc15)}.master-group-fleet{color:#fff;-webkit-box-shadow:0 2px 4px rgba(59,130,246,.2)}[dir] .master-group-fleet{box-shadow:0 2px 4px rgba(59,130,246,.2)}[dir=ltr] .master-group-fleet{background:linear-gradient(135deg,#1e40af,#3b82f6)}[dir=rtl] .master-group-fleet{background:linear-gradient(-135deg,#1e40af,#3b82f6)}.master-group-logistics{color:#fff;-webkit-box-shadow:0 2px 4px rgba(244,63,94,.2)}[dir] .master-group-logistics{box-shadow:0 2px 4px rgba(244,63,94,.2)}[dir=ltr] .master-group-logistics{background:linear-gradient(135deg,#be123c,#f43f5e)}[dir=rtl] .master-group-logistics{background:linear-gradient(-135deg,#be123c,#f43f5e)}.master-group-type-1{color:#fff}[dir=ltr] .master-group-type-1{background:linear-gradient(135deg,#6366f1,#818cf8)}[dir=rtl] .master-group-type-1{background:linear-gradient(-135deg,#6366f1,#818cf8)}.master-group-type-2{color:#fff}[dir=ltr] .master-group-type-2{background:linear-gradient(135deg,#ec4899,#f472b6)}[dir=rtl] .master-group-type-2{background:linear-gradient(-135deg,#ec4899,#f472b6)}.master-group-type-3{color:#fff}[dir=ltr] .master-group-type-3{background:linear-gradient(135deg,#14b8a6,#2dd4bf)}[dir=rtl] .master-group-type-3{background:linear-gradient(-135deg,#14b8a6,#2dd4bf)}.master-group-type-4{color:#fff}[dir=ltr] .master-group-type-4{background:linear-gradient(135deg,#f59e0b,#fbbf24)}[dir=rtl] .master-group-type-4{background:linear-gradient(-135deg,#f59e0b,#fbbf24)}.master-group-default{color:#fff}[dir=ltr] .master-group-default{background:linear-gradient(135deg,#64748b,#94a3b8)}[dir=rtl] .master-group-default{background:linear-gradient(-135deg,#64748b,#94a3b8)}.allocation-badge{display:inline-block;font-size:.8rem;font-weight:600;transition:all .2s ease;white-space:nowrap;letter-spacing:.2px}[dir] .allocation-badge{padding:5px 12px;border-radius:16px;-webkit-transition:all .2s ease;cursor:default}.allocation-project{color:#fff}[dir=ltr] .allocation-project{background:linear-gradient(135deg,#2563eb,#60a5fa)}[dir=rtl] .allocation-project{background:linear-gradient(-135deg,#2563eb,#60a5fa)}.allocation-department{color:#fff}[dir=ltr] .allocation-department{background:linear-gradient(135deg,#16a34a,#4ade80)}[dir=rtl] .allocation-department{background:linear-gradient(-135deg,#16a34a,#4ade80)}.allocation-division{color:#fff}[dir=ltr] .allocation-division{background:linear-gradient(135deg,#9333ea,#c084fc)}[dir=rtl] .allocation-division{background:linear-gradient(-135deg,#9333ea,#c084fc)}.allocation-branch{color:#fff}[dir=ltr] .allocation-branch{background:linear-gradient(135deg,#ea580c,#fb923c)}[dir=rtl] .allocation-branch{background:linear-gradient(-135deg,#ea580c,#fb923c)}.allocation-region{color:#fff}[dir=ltr] .allocation-region{background:linear-gradient(135deg,#0891b2,#22d3ee)}[dir=rtl] .allocation-region{background:linear-gradient(-135deg,#0891b2,#22d3ee)}.allocation-cost{color:#fff}[dir=ltr] .allocation-cost{background:linear-gradient(135deg,#dc2626,#f87171)}[dir=rtl] .allocation-cost{background:linear-gradient(-135deg,#dc2626,#f87171)}.allocation-budget{color:#fff}[dir=ltr] .allocation-budget{background:linear-gradient(135deg,#65a30d,#84cc16)}[dir=rtl] .allocation-budget{background:linear-gradient(-135deg,#65a30d,#84cc16)}.allocation-contract{color:#fff}[dir=ltr] .allocation-contract{background:linear-gradient(135deg,#7c2d12,#c2410c)}[dir=rtl] .allocation-contract{background:linear-gradient(-135deg,#7c2d12,#c2410c)}.allocation-type-1{color:#fff}[dir=ltr] .allocation-type-1{background:linear-gradient(135deg,#0ea5e9,#38bdf8)}[dir=rtl] .allocation-type-1{background:linear-gradient(-135deg,#0ea5e9,#38bdf8)}.allocation-type-2{color:#fff}[dir=ltr] .allocation-type-2{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}[dir=rtl] .allocation-type-2{background:linear-gradient(-135deg,#8b5cf6,#a78bfa)}.allocation-type-3{color:#fff}[dir=ltr] .allocation-type-3{background:linear-gradient(135deg,#f97316,#fb923c)}[dir=rtl] .allocation-type-3{background:linear-gradient(-135deg,#f97316,#fb923c)}.allocation-type-4{color:#fff}[dir=ltr] .allocation-type-4{background:linear-gradient(135deg,#10b981,#34d399)}[dir=rtl] .allocation-type-4{background:linear-gradient(-135deg,#10b981,#34d399)}.allocation-default{color:#fff}[dir=ltr] .allocation-default{background:linear-gradient(135deg,#6b7280,#9ca3af)}[dir=rtl] .allocation-default{background:linear-gradient(-135deg,#6b7280,#9ca3af)}.cost-centre-badge{display:inline-block;font-size:.8rem;font-weight:600;transition:all .2s ease;white-space:nowrap;letter-spacing:.2px}[dir] .cost-centre-badge{padding:5px 12px;border-radius:16px;-webkit-transition:all .2s ease;cursor:default}.cost-centre-transport{color:#fff}[dir=ltr] .cost-centre-transport{background:linear-gradient(135deg,#f97316,#fb923c)}[dir=rtl] .cost-centre-transport{background:linear-gradient(-135deg,#f97316,#fb923c)}.cost-centre-production{color:#fff}[dir=ltr] .cost-centre-production{background:linear-gradient(135deg,#059669,#10b981)}[dir=rtl] .cost-centre-production{background:linear-gradient(-135deg,#059669,#10b981)}.cost-centre-workshop{color:#fff}[dir=ltr] .cost-centre-workshop{background:linear-gradient(135deg,#7c3aed,#a78bfa)}[dir=rtl] .cost-centre-workshop{background:linear-gradient(-135deg,#7c3aed,#a78bfa)}.cost-centre-odb{color:#fff}[dir=ltr] .cost-centre-odb{background:linear-gradient(135deg,#0891b2,#06b6d4)}[dir=rtl] .cost-centre-odb{background:linear-gradient(-135deg,#0891b2,#06b6d4)}.cost-centre-admin{color:#fff}[dir=ltr] .cost-centre-admin{background:linear-gradient(135deg,#ca8a04,#facc15)}[dir=rtl] .cost-centre-admin{background:linear-gradient(-135deg,#ca8a04,#facc15)}.cost-centre-finance{color:#fff}[dir=ltr] .cost-centre-finance{background:linear-gradient(135deg,#059669,#10b981)}[dir=rtl] .cost-centre-finance{background:linear-gradient(-135deg,#059669,#10b981)}.cost-centre-hr{color:#fff}[dir=ltr] .cost-centre-hr{background:linear-gradient(135deg,#ec4899,#f472b6)}[dir=rtl] .cost-centre-hr{background:linear-gradient(-135deg,#ec4899,#f472b6)}.cost-centre-it{color:#fff}[dir=ltr] .cost-centre-it{background:linear-gradient(135deg,#6366f1,#818cf8)}[dir=rtl] .cost-centre-it{background:linear-gradient(-135deg,#6366f1,#818cf8)}.cost-centre-type-1{color:#fff}[dir=ltr] .cost-centre-type-1{background:linear-gradient(135deg,#3b82f6,#60a5fa)}[dir=rtl] .cost-centre-type-1{background:linear-gradient(-135deg,#3b82f6,#60a5fa)}.cost-centre-type-2{color:#fff}[dir=ltr] .cost-centre-type-2{background:linear-gradient(135deg,#10b981,#34d399)}[dir=rtl] .cost-centre-type-2{background:linear-gradient(-135deg,#10b981,#34d399)}.cost-centre-type-3{color:#fff}[dir=ltr] .cost-centre-type-3{background:linear-gradient(135deg,#f59e0b,#fbbf24)}[dir=rtl] .cost-centre-type-3{background:linear-gradient(-135deg,#f59e0b,#fbbf24)}.cost-centre-type-4{color:#fff}[dir=ltr] .cost-centre-type-4{background:linear-gradient(135deg,#ef4444,#f87171)}[dir=rtl] .cost-centre-type-4{background:linear-gradient(-135deg,#ef4444,#f87171)}.cost-centre-default{color:#fff}[dir=ltr] .cost-centre-default{background:linear-gradient(135deg,#64748b,#94a3b8)}[dir=rtl] .cost-centre-default{background:linear-gradient(-135deg,#64748b,#94a3b8)}.employee-badge{display:inline-block;font-size:.8rem;font-weight:600;transition:all .2s ease;white-space:nowrap;letter-spacing:.2px}[dir] .employee-badge{padding:5px 12px;border-radius:16px;-webkit-transition:all .2s ease;cursor:default}.employee-type-1{color:#fff}[dir=ltr] .employee-type-1{background:linear-gradient(135deg,#1e40af,#3b82f6)}[dir=rtl] .employee-type-1{background:linear-gradient(-135deg,#1e40af,#3b82f6)}.employee-type-2{color:#fff}[dir=ltr] .employee-type-2{background:linear-gradient(135deg,#059669,#10b981)}[dir=rtl] .employee-type-2{background:linear-gradient(-135deg,#059669,#10b981)}.employee-type-3{color:#fff}[dir=ltr] .employee-type-3{background:linear-gradient(135deg,#dc2626,#ef4444)}[dir=rtl] .employee-type-3{background:linear-gradient(-135deg,#dc2626,#ef4444)}.employee-type-4{color:#fff}[dir=ltr] .employee-type-4{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}[dir=rtl] .employee-type-4{background:linear-gradient(-135deg,#7c3aed,#8b5cf6)}.employee-type-5{color:#fff}[dir=ltr] .employee-type-5{background:linear-gradient(135deg,#ea580c,#f97316)}[dir=rtl] .employee-type-5{background:linear-gradient(-135deg,#ea580c,#f97316)}.employee-default{color:#fff}[dir=ltr] .employee-default{background:linear-gradient(135deg,#64748b,#94a3b8)}[dir=rtl] .employee-default{background:linear-gradient(-135deg,#64748b,#94a3b8)}.allocation-badge:hover,.cost-centre-badge:hover,.employee-badge:hover,.master-group-badge:hover{-webkit-transform:translateY(-1px);-webkit-box-shadow:0 4px 8px rgba(0,0,0,.15)}[dir] .allocation-badge:hover,[dir] .cost-centre-badge:hover,[dir] .employee-badge:hover,[dir] .master-group-badge:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.equipment-badge{display:inline-block;font-size:.8rem;font-weight:600;transition:all .2s ease;white-space:nowrap;letter-spacing:.2px}[dir] .equipment-badge{padding:5px 12px;border-radius:16px;-webkit-transition:all .2s ease;cursor:default}.equipment-truck{color:#fff}[dir=ltr] .equipment-truck{background:linear-gradient(135deg,#b91c1c,#ef4444)}[dir=rtl] .equipment-truck{background:linear-gradient(-135deg,#b91c1c,#ef4444)}.equipment-excavator{color:#fff}[dir=ltr] .equipment-excavator{background:linear-gradient(135deg,#ca8a04,#fbbf24)}[dir=rtl] .equipment-excavator{background:linear-gradient(-135deg,#ca8a04,#fbbf24)}.equipment-loader{color:#fff}[dir=ltr] .equipment-loader{background:linear-gradient(135deg,#0c4a6e,#0ea5e9)}[dir=rtl] .equipment-loader{background:linear-gradient(-135deg,#0c4a6e,#0ea5e9)}.equipment-dozer{color:#fff}[dir=ltr] .equipment-dozer{background:linear-gradient(135deg,#a21caf,#d946ef)}[dir=rtl] .equipment-dozer{background:linear-gradient(-135deg,#a21caf,#d946ef)}.equipment-crane{color:#fff}[dir=ltr] .equipment-crane{background:linear-gradient(135deg,#15803d,#22c55e)}[dir=rtl] .equipment-crane{background:linear-gradient(-135deg,#15803d,#22c55e)}.equipment-forklift{color:#fff}[dir=ltr] .equipment-forklift{background:linear-gradient(135deg,#c2410c,#fb923c)}[dir=rtl] .equipment-forklift{background:linear-gradient(-135deg,#c2410c,#fb923c)}.equipment-generator{color:#fff}[dir=ltr] .equipment-generator{background:linear-gradient(135deg,#1e40af,#3b82f6)}[dir=rtl] .equipment-generator{background:linear-gradient(-135deg,#1e40af,#3b82f6)}.equipment-compressor{color:#fff}[dir=ltr] .equipment-compressor{background:linear-gradient(135deg,#0f766e,#14b8a6)}[dir=rtl] .equipment-compressor{background:linear-gradient(-135deg,#0f766e,#14b8a6)}.equipment-vehicle{color:#fff}[dir=ltr] .equipment-vehicle{background:linear-gradient(135deg,#7c2d12,#dc2626)}[dir=rtl] .equipment-vehicle{background:linear-gradient(-135deg,#7c2d12,#dc2626)}.equipment-master{color:#fff}[dir=ltr] .equipment-master{background:linear-gradient(135deg,#581c87,#9333ea)}[dir=rtl] .equipment-master{background:linear-gradient(-135deg,#581c87,#9333ea)}.equipment-type-1{color:#fff}[dir=ltr] .equipment-type-1{background:linear-gradient(135deg,#2563eb,#60a5fa)}[dir=rtl] .equipment-type-1{background:linear-gradient(-135deg,#2563eb,#60a5fa)}.equipment-type-2{color:#fff}[dir=ltr] .equipment-type-2{background:linear-gradient(135deg,#059669,#10b981)}[dir=rtl] .equipment-type-2{background:linear-gradient(-135deg,#059669,#10b981)}.equipment-type-3{color:#fff}[dir=ltr] .equipment-type-3{background:linear-gradient(135deg,#dc2626,#f87171)}[dir=rtl] .equipment-type-3{background:linear-gradient(-135deg,#dc2626,#f87171)}.equipment-type-4{color:#fff}[dir=ltr] .equipment-type-4{background:linear-gradient(135deg,#7c3aed,#a78bfa)}[dir=rtl] .equipment-type-4{background:linear-gradient(-135deg,#7c3aed,#a78bfa)}.equipment-default{color:#fff}[dir=ltr] .equipment-default{background:linear-gradient(135deg,#475569,#64748b)}[dir=rtl] .equipment-default{background:linear-gradient(-135deg,#475569,#64748b)}.equipment-badge:hover{-webkit-transform:translateY(-1px);-webkit-box-shadow:0 4px 8px rgba(0,0,0,.15)}[dir] .equipment-badge:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.status-badge{display:inline-block;font-size:.75rem;font-weight:600;white-space:nowrap}[dir] .status-badge{padding:4px 10px;border-radius:12px}.status-approved{color:#27ae60}[dir] .status-approved{background:rgba(39,174,96,.1);border:1px solid rgba(39,174,96,.3)}.status-rejected{color:#e74c3c}[dir] .status-rejected{background:rgba(231,76,60,.1);border:1px solid rgba(231,76,60,.3)}.status-pending{color:#ff9800}[dir] .status-pending{background:rgba(255,152,0,.1);border:1px solid rgba(255,152,0,.3)}.status-default{color:#9e9e9e}[dir] .status-default{background:hsla(0,0%,62%,.1);border:1px solid hsla(0,0%,62%,.3)}.reference-text{color:#64748b;font-style:italic;font-size:.875rem}.comments-text{color:#475569;font-size:.875rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.comments-text:hover{overflow:visible;white-space:normal;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);position:relative;z-index:100;max-width:300px}[dir] .comments-text:hover{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:4px 8px;border-radius:4px}.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 ease;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 ease}.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}.drill-down-header{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}[dir] .drill-down-header{cursor:move}[dir] .drill-down-header:active{cursor:-webkit-grabbing;cursor:grabbing}.popup-header .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;font-weight:300;line-height:1}[dir] .popup-header .close-btn{background:hsla(0,0%,100%,.2);border:none;cursor:pointer;padding:0;border-radius:50%;-webkit-transition:all .2s}.popup-header .close-btn:hover{-webkit-transform:scale(1.1)}[dir] .popup-header .close-btn:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.popup-header .close-btn:active{-webkit-transform:scale(.95)}[dir] .popup-header .close-btn:active{transform:scale(.95)}.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-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}.stat-label{font-size:.875rem;color:#64748b;font-weight:500}.stat-value{font-size:1.125rem;font-weight:600;color:#334155}.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 ease;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 ease}.action-btn span{font-size:1rem}.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}.csv-btn:hover{color:#fff}[dir] .csv-btn:hover{background:#3b82f6;border-color:#3b82f6}.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 ease}[dir] .drill-down-table tbody tr{border-bottom:1px solid #f0f0f0;-webkit-transition:background .2s ease}[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}.store-badge-small{font-size:.75rem;display:inline-block}[dir] .store-badge-small{padding:3px 8px;border-radius:12px}.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}.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}[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}[dir] .search-cell{padding:6px!important}.column-search-input{width:100%;font-size:.75rem;color:#333;transition:all .2s ease;text-transform:none;font-weight:400;letter-spacing:normal}[dir] .column-search-input{padding:5px 8px;border:1px solid #ffcc80;border-radius:4px;background:#fff;-webkit-transition:all .2s ease}.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);background:#fffbf8}.column-search-input::-webkit-input-placeholder{color:#999;font-style:italic;text-transform:none}.column-search-input::-moz-placeholder{color:#999;font-style:italic;text-transform:none}.column-search-input:-ms-input-placeholder{color:#999;font-style:italic;text-transform:none}.column-search-input::-ms-input-placeholder{color:#999;font-style:italic;text-transform:none}.column-search-input::placeholder{color:#999;font-style:italic;text-transform:none}.clear-column-searches-btn{color:#fff;font-size:.85rem;font-weight:500;transition:all .2s ease;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 ease}[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);-webkit-box-shadow:0 2px 8px rgba(255,82,82,.3)}[dir] .clear-column-searches-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(255,82,82,.3)}[dir=ltr] .clear-column-searches-btn:hover{background:linear-gradient(135deg,#ff5252,#ff4040)}[dir=rtl] .clear-column-searches-btn:hover{background:linear-gradient(-135deg,#ff5252,#ff4040)}.clear-column-searches-btn .action-icon{font-size:1rem}.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:30px;height:30px;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:background .2s}[dir] .close-btn{background:none;border:none;cursor:pointer;padding:0;border-radius:4px;-webkit-transition:background .2s}[dir] .close-btn:hover{background:hsla(0,0%,100%,.2)}[dir] .popup-body{padding:20px}.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}.slide-fade-enter-active{transition:all .3s ease}[dir] .slide-fade-enter-active{-webkit-transition:all .3s ease}.slide-fade-leave-active{transition:all .3s ease}[dir] .slide-fade-leave-active{-webkit-transition:all .3s ease}.slide-fade-enter-from{-webkit-transform:translateY(-10px);opacity:0}[dir] .slide-fade-enter-from{transform:translateY(-10px)}.slide-fade-leave-to{-webkit-transform:translateY(-10px);opacity:0}[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}}.header-refresh-btn{color:#fff;font-size:.875rem;font-weight:500;transition:all .3s ease;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 ease}[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);border-color:hsla(0,0%,100%,.5);transform:translateY(-1px)}.header-refresh-btn:active{-webkit-transform:translateY(0)}[dir] .header-refresh-btn:active{transform:translateY(0)}.refresh-icon{font-size:1rem;display:inline-block;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}[dir] .refresh-icon{-webkit-transition:-webkit-transform .3s ease}[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)}.search-group:has(.store-multi-select) .multi-select-display{font-size:.8rem}.search-group:has(.store-multi-select) .dropdown-options{font-size:.75rem}.search-group:has(.store-multi-select) .checkbox-option span{font-size:.75rem}.search-group:has(.store-multi-select) .select-all-option{font-size:.8rem}