: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:visible;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-box;display:-ms-flexbox;display: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)}[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] .android-stat{border-left:4px solid var(--android-color)}[dir=rtl] .android-stat{border-right:4px solid var(--android-color)}[dir=ltr] .log-stat{border-left:4px solid var(--log-color)}[dir=rtl] .log-stat{border-right:4px solid var(--log-color)}[dir=ltr] .iot-stat{border-left:4px solid var(--iot-color)}[dir=rtl] .iot-stat{border-right:4px solid var(--iot-color)}[dir=ltr] .complete-stat{border-left:4px solid #27ae60}[dir=rtl] .complete-stat{border-right:4px solid #27ae60}[dir=ltr] .variance-stat{border-left:4px solid #e74c3c}[dir=rtl] .variance-stat{border-right:4px solid #e74c3c}.stats-popup{max-width:800px;max-height:85vh;overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.stats-popup,.stats-summary{display:-webkit-box;display:-ms-flexbox;display:flex}.stats-summary{gap:20px}[dir] .stats-summary{padding:16px;background:#f8fafc;border-radius:8px;margin-bottom:20px}.summary-item{-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;gap:4px}.summary-label{font-size:.875rem;color:#64748b;font-weight:500}.summary-value{font-size:1.25rem;font-weight:700;color:#ff8c00}.breakdown-container{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;max-height:500px}.breakdown-container h4{color:#334155;font-size:1rem}[dir] .breakdown-container h4{margin:0 0 16px 0;padding-bottom:8px;border-bottom:2px solid #ff8c00}.store-breakdown{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.store-item{overflow:hidden;transition:all .3s ease}[dir] .store-item{background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;-webkit-transition:all .3s ease}.store-item:hover{-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1)}[dir] .store-item:hover{border-color:#ff8c00;box-shadow:0 2px 8px rgba(0,0,0,.1)}.store-header{transition:background .2s ease}[dir] .store-header{padding:12px 16px;cursor:pointer;background:#fff;-webkit-transition:background .2s ease}[dir] .store-header:hover{background:#fff8f3}.store-info{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] .store-info{margin-bottom:8px}.store-info strong{color:#334155;font-size:.95rem}.count-badge{color:#fff;font-size:.75rem;font-weight:600}[dir] .count-badge{background:#ff8c00;padding:4px 10px;border-radius:12px}.store-progress{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.progress-bar{-webkit-box-flex:1;-ms-flex:1;flex:1;height:8px;overflow:hidden}[dir] .progress-bar{background:#e2e8f0;border-radius:4px}.progress-fill{height:100%;transition:width .3s ease}[dir] .progress-fill{background:#ff8c00;-webkit-transition:width .3s ease}.percentage-text{font-size:.875rem;font-weight:600;color:#64748b;min-width:45px}[dir=ltr] .percentage-text{text-align:right}[dir=rtl] .percentage-text{text-align:left}[dir] .store-details{padding:16px;border-top:1px solid #e2e8f0;background:#fff}.detail-grid-small{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}[dir] .detail-grid-small{margin-bottom:16px}.detail-item{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}.detail-label{font-size:.75rem;color:#64748b;font-weight:500}.detail-value{font-size:.875rem;color:#334155;font-weight:600}[dir] .variance-breakdown{margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0}.variance-breakdown h5{color:#475569;font-size:.875rem;font-weight:600}[dir] .variance-breakdown h5{margin:0 0 8px 0}.variance-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.variance-type-item{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;gap:4px}[dir] .variance-type-item{background:#fff8f3;padding:8px;border-radius:6px}.variance-type-label{font-size:.625rem;color:#64748b;font-weight:500;text-transform:uppercase}.variance-type-count{font-size:1.125rem;font-weight:700;color:#e74c3c}.no-data{color:#94a3b8;font-style:italic}[dir] .no-data{text-align:center;padding:40px}.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}.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}[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}.device-cell{font-family:monospace}.device-code{font-size:.75rem;color:#0369a1}[dir] .device-code{background:#f0f9ff;padding:2px 6px;border-radius:4px}.activity-badge{display:inline-block;font-size:.75rem;font-weight:600;color:#fff}[dir] .activity-badge{padding:4px 8px;border-radius:6px;background:#475569}.volume-primary{font-weight:600;color:#ff8c00;font-size:.9rem}.details-cell{color:#64748b;font-size:.875rem;font-style:italic}.status-cell .status-indicator{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:.75rem;font-weight:500}[dir] .status-cell .status-indicator{padding:4px 8px;border-radius:6px}.status-success{color:#27ae60}[dir] .status-success{background:rgba(39,174,96,.1)}[dir] .status-error{background:rgba(231,76,60,.1)}[dir] .status-warning{background:rgba(243,156,18,.1)}.equipment-tag{font-size:.75rem;color:#475569}[dir] .equipment-tag{background:#f8fafc;padding:2px 6px;border-radius:4px}.type-code{font-size:.75rem;color:#334155}[dir] .type-code{background:#e2e8f0;padding:2px 8px;border-radius:4px}[dir] .data-table thead{background:#ff8c00}.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}.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}.export-btn{color:#10b981}[dir] .export-btn{border-color:#d1fae5}[dir] .export-btn:hover{background:#ecfdf5;border-color:#10b981}.filter-actions .export-btn{display:none}.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-android-only{background:rgba(76,175,80,.05)}[dir] .data-table tbody tr.row-missing-log{background:rgba(255,152,0,.05)}[dir] .data-table tbody tr.row-missing-iot{background:rgba(33,150,243,.05)}[dir] .data-table tbody tr.row-all-systems{background:rgba(39,174,96,.03)}[dir=ltr] .data-table tbody tr.row-variance-alert{border-left:3px solid #f44336}[dir=rtl] .data-table tbody tr.row-variance-alert{border-right:3px solid #f44336}.data-table td{font-size:.875rem;color:#334155}[dir] .data-table td{padding:12px 16px}.transaction-id{font-family:monospace;font-size:.75rem;color:#64748b}.status-badge{display:inline-block;font-size:.75rem;font-weight:600;white-space:nowrap}[dir] .status-badge{padding:4px 10px;border-radius:12px}[dir] .status-all-systems{background:rgba(39,174,96,.1);border:1px solid rgba(39,174,96,.3)}[dir] .status-android-only{background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3)}[dir] .status-missing-log{background:rgba(255,152,0,.1);border:1px solid rgba(255,152,0,.3)}[dir] .status-missing-iot{background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.3)}.volume-cell{gap:6px}.source-indicator,.volume-cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.source-indicator{width:20px;height:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-weight:700;font-size:.625rem}[dir] .source-indicator{border-radius:4px}[dir] .source-indicator.android{background:var(--android-color)}[dir] .source-indicator.log{background:var(--log-color)}[dir] .source-indicator.iot{background:var(--iot-color)}.variance-indicators{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}.variance-badge{display:inline-block;font-size:.625rem;font-weight:600}[dir] .variance-badge{padding:2px 6px;border-radius:4px}.variance-ok{color:var(--variance-ok)}[dir] .variance-ok{background:rgba(76,175,80,.1)}.variance-significant{color:var(--variance-significant)}[dir] .variance-significant{background:rgba(244,67,54,.1)}.account-name{font-weight:500;color:#475569}.store-name{color:#64748b;font-size:.875rem}.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}.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}.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] .android-section{border-left:3px solid var(--android-color)}[dir=rtl] .android-section{border-right:3px solid var(--android-color)}[dir=ltr] .log-section{border-left:3px solid var(--log-color)}[dir=rtl] .log-section{border-right:3px solid var(--log-color)}[dir=ltr] .iot-section{border-left:3px solid var(--iot-color)}[dir=rtl] .iot-section{border-right:3px solid var(--iot-color)}[dir=ltr] .variance-section{border-left:3px solid #9c27b0}[dir=rtl] .variance-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}.variance-grid{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.variance-grid,.variance-item{display:-webkit-box;display:-ms-flexbox;display:flex}.variance-item{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .variance-item{padding:8px;background:#fff;border-radius:6px}.variance-label{font-weight:600;color:#475569}.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)}.status-all-systems{color:#27ae60}.status-android-only{color:#4caf50}.status-missing-log{color:#ff9800}.status-missing-iot{color:#2196f3}.activity-activity-sync{color:#27ae60;font-weight:600}.activity-activity-android{color:#4caf50;font-weight:600}.activity-activity-no-log{color:#ff9800;font-weight:600}.activity-activity-no-iot{color:#2196f3;font-weight:600}.status-processed{color:#27ae60;font-weight:600}.status-error{color:#e74c3c;font-weight:600}.status-warning{color:#f39c12;font-weight:600}@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}.variance-indicators{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}}@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)}