:root{--fams-primary:#2c3e50;--fams-secondary:#3498db;--fams-accent:#e74c3c;--fams-success:#27ae60;--fams-warning:#f39c12;--fams-danger:#e74c3c;--fams-info:#3498db;--fams-dark:#34495e;--fams-light:#ecf0f1;--autumn-primary:#d2691e;--autumn-secondary:peru;--autumn-accent:#ff8c00;--autumn-warm:orange;--autumn-deep:#8b4513;--autumn-light:#ffe4b5;--autumn-gold:#daa520;--autumn-rust:#b22222;--gradient-primary:linear-gradient(135deg,var(--autumn-primary),var(--autumn-accent));--gradient-data:linear-gradient(135deg,var(--fams-secondary),var(--fams-info));--gradient-success:linear-gradient(135deg,var(--fams-success),#2ecc71);--gradient-warning:linear-gradient(135deg,var(--fams-warning),#f1c40f);--gradient-danger:linear-gradient(135deg,var(--fams-danger),#c0392b);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-base:0 2px 8px rgba(0,0,0,0.1);--shadow-md:0 4px 16px rgba(0,0,0,0.15);--shadow-lg:0 10px 30px rgba(0,0,0,0.2)}*{-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;margin:0;padding:0}#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}.message-cell{min-width:250px;max-width:500px;white-space:normal;word-wrap:break-word;word-break:break-word;line-height:1.4}[dir] .message-cell{padding:4px 0}.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}.loader-toggle,.toggle-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.toggle-label{-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}.loader-speed,.speed-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.speed-label{gap:8px}.speed-text{font-weight:500}.speed-select,.speed-text{color:#fff;font-size:.875rem}.speed-select{transition:all .3s ease}[dir] .speed-select{padding:4px 8px;border-radius:6px;border:1px solid hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.2);cursor:pointer;-webkit-transition:all .3s ease}[dir] .speed-select:hover{background:hsla(0,0%,100%,.3)}.speed-select:focus{outline:none}[dir] .speed-select:focus{border-color:#fff}.speed-select option{color:#fff}[dir] .speed-select option{background:#d2691e}.auto-refresh-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir=ltr] .auto-refresh-toggle{padding-left:15px;border-left:1px solid hsla(0,0%,100%,.3)}[dir=rtl] .auto-refresh-toggle{padding-right:15px;border-right:1px solid hsla(0,0%,100%,.3)}.interval-label,.refresh-interval{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.interval-label{gap:8px}.interval-text{color:#fff;font-size:.875rem;font-weight:500}.interval-select{color:#fff;font-size:.875rem;transition:all .3s ease}[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;-webkit-transition:all .3s ease}[dir] .interval-select:hover{background:hsla(0,0%,100%,.3)}.interval-select:focus{outline:none}[dir] .interval-select:focus{border-color:#fff}.interval-select option{color:#fff}[dir] .interval-select option{background:#d2691e}[dir] .live-dot.auto-refresh{background:#4caf50}[dir=ltr] .live-dot.auto-refresh,[dir=rtl] .live-dot.auto-refresh{-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite}.global-loader-overlay{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:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}[dir] .global-loader-overlay{background:rgba(0,0,0,.7)}[dir=ltr] .global-loader-overlay,[dir=rtl] .global-loader-overlay{left:0;right:0;-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.global-loader-content{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:20px;-webkit-box-shadow:0 10px 40px rgba(0,0,0,.3)}[dir] .global-loader-content{background:#fff;border-radius:16px;padding:40px;box-shadow:0 10px 40px rgba(0,0,0,.3)}[dir=ltr] .global-loader-content,[dir=rtl] .global-loader-content{-webkit-animation:slideUp .3s ease;animation:slideUp .3s ease}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slideUp{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.global-loader{width:60px;height:60px}[dir] .global-loader{border:4px solid #ffe4b5;border-top:4px solid #d2691e;border-radius:50%}[dir=ltr] .global-loader{-webkit-animation:spin-ltr 1s linear infinite;animation:spin-ltr 1s linear infinite}[dir=rtl] .global-loader{-webkit-animation:spin-rtl 1s linear infinite;animation:spin-rtl 1s linear infinite}.loader-text{color:#34495e;font-size:1rem;font-weight:500}[dir] .loader-text{margin-top:10px}.live-indicator{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}[dir] .live-indicator{background:hsla(0,0%,100%,.2);padding:8px 16px;border-radius:20px}.live-dot{width:8px;height:8px}[dir] .live-dot{background:#4caf50;border-radius:50%}[dir=ltr] .live-dot,[dir=rtl] .live-dot{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}[dir] .live-dot.error{background:#f44336}[dir=ltr] .live-dot.error,[dir=rtl] .live-dot.error{-webkit-animation:pulse-error 2s infinite;animation:pulse-error 2s 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)}}@-webkit-keyframes pulse-error{0%{-webkit-box-shadow:0 0 0 0 rgba(244,67,54,.7);box-shadow:0 0 0 0 rgba(244,67,54,.7)}70%{-webkit-box-shadow:0 0 0 10px rgba(244,67,54,0);box-shadow:0 0 0 10px rgba(244,67,54,0)}to{-webkit-box-shadow:0 0 0 0 rgba(244,67,54,0);box-shadow:0 0 0 0 rgba(244,67,54,0)}}@keyframes pulse-error{0%{-webkit-box-shadow:0 0 0 0 rgba(244,67,54,.7);box-shadow:0 0 0 0 rgba(244,67,54,.7)}70%{-webkit-box-shadow:0 0 0 10px rgba(244,67,54,0);box-shadow:0 0 0 10px rgba(244,67,54,0)}to{-webkit-box-shadow:0 0 0 0 rgba(244,67,54,0);box-shadow:0 0 0 0 rgba(244,67,54,0)}}.main-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;width:100%;position:relative}[dir] .main-content{padding:20px;background:#e2e8f0}.stats-section{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.1);overflow:visible;width:100%}[dir] .stats-section{background:#fff;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.1);border:1px solid #cbd5e1}.stats-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[dir] .stats-header{padding:16px 20px;background:#f1f5f9;border-bottom:1px solid #cbd5e1;border-radius:12px 12px 0 0}.stats-title{font-size:1.125rem;font-weight:600;color:#34495e}[dir] .stats-title{margin:0}.toggle-stats-btn{color:#fff;font-size:.875rem;font-weight:500;transition:all .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1)}[dir] .toggle-stats-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;-webkit-transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}[dir=ltr] .toggle-stats-btn{background:linear-gradient(135deg,#d2691e,#ff8c00)}[dir=rtl] .toggle-stats-btn{background:linear-gradient(-135deg,#d2691e,#ff8c00)}.toggle-stats-btn:hover{-webkit-transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(210,105,30,.3)}[dir] .toggle-stats-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(210,105,30,.3)}[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;z-index:1;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=ltr] .stat-card{border-left:4px solid #d2691e}[dir=rtl] .stat-card{border-right:4px solid #d2691e}.stat-card *{position:relative;z-index:2}.stat-card:hover{-webkit-transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.12)}[dir] .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.12);background:#fff}.stat-label{color:#2c3e50!important;font-size:.875rem;font-weight:600;position:relative;z-index:2;display:block;line-height:1.2}[dir] .stat-label{margin-bottom:8px}.stat-value{font-size:1.75rem;color:#2c3e50!important;font-weight:700}[dir] .stat-value{-webkit-background-clip:text;background-clip:text}[dir=ltr] .stat-value{background:linear-gradient(135deg,#fff,#ff8c00)}[dir=rtl] .stat-value{background:linear-gradient(-135deg,#fff,#ff8c00)}.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 .stat-icon{font-size:.875rem}.stat-change.positive{color:var(--fams-success)}.stat-change.negative{color:var(--fams-danger)}.search-section{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.1);overflow:visible;width:100%}[dir] .search-section{background:#fff;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.1);border:1px solid #cbd5e1}.search-section:has(.multi-select-dropdown){z-index:100;position:relative}.search-section.dropdown-open{z-index:100;position:relative}.multi-select-container{position:relative;overflow:visible}.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}.multi-select-display .placeholder{color:#999}.multi-select-display .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}.checkbox-option span{font-size:.875rem;color:#495057;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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}.dropdown-options::-webkit-scrollbar{width:6px}[dir] .dropdown-options::-webkit-scrollbar-track{background:#f1f1f1}[dir] .dropdown-options::-webkit-scrollbar-thumb{background:#d2691e;border-radius:3px}[dir] .dropdown-options::-webkit-scrollbar-thumb:hover{background:#8b4513}.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}.toggle-filter-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;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1)}[dir] .toggle-filter-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;-webkit-transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}[dir=ltr] .toggle-filter-btn{background:linear-gradient(135deg,#d2691e,#ff8c00)}[dir=rtl] .toggle-filter-btn{background:linear-gradient(-135deg,#d2691e,#ff8c00)}.toggle-filter-btn:hover{-webkit-transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(210,105,30,.3)}[dir] .toggle-filter-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(210,105,30,.3)}.toggle-icon{font-size:1rem}.search-controls-wrapper{position:relative;overflow:visible}[dir] .search-controls-wrapper{padding:16px 20px}.search-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;overflow:visible;position:relative}[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;overflow:visible}.search-label{font-size:.875rem;color:#34495e;font-weight:500}[dir] .search-label{margin-bottom:4px}.search-input,.search-select{font-size:14px;transition:all .3s ease}[dir] .search-input,[dir] .search-select{padding:10px 12px;border:1px solid #94a3b8;border-radius:8px;-webkit-transition:all .3s ease;background:#fff}.search-input:focus,.search-select:focus{outline:none;-webkit-box-shadow:0 0 0 3px rgba(210,105,30,.15)}[dir] .search-input:focus,[dir] .search-select:focus{border-color:#d2691e;box-shadow:0 0 0 3px rgba(210,105,30,.15);background:#fff}.filter-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;position:relative;z-index:1}[dir] .filter-actions{padding-top:12px;border-top:1px solid #f0f0f0}.apply-filters-btn{color:#fff;font-weight:600;transition:all .3s ease}[dir] .apply-filters-btn{padding:10px 24px;border:none;border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease}[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(-2px);-webkit-box-shadow:0 4px 16px rgba(210,105,30,.3)}[dir] .apply-filters-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(210,105,30,.3)}.reset-filters-btn{color:#34495e;font-weight:600;transition:all .3s ease}[dir] .reset-filters-btn{padding:10px 24px;background:#fff;border:2px solid #ffe4b5;border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease}[dir] .reset-filters-btn:hover{background:#ffe4b5}.slide-fade-enter-active{transition:all .3s ease;overflow:visible}[dir] .slide-fade-enter-active{-webkit-transition:all .3s ease}.slide-fade-leave-active{transition:all .3s ease;overflow:visible}[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)}.grid-container{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.1);overflow:hidden;width:100%}[dir] .grid-container{background:#fff;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.1);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;border-radius:12px 12px 0 0}.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;transition:all .3s ease;min-width:100px}[dir] .rows-select{padding:6px 12px;border:1px solid #94a3b8;border-radius:6px;background:#fff;cursor:pointer;-webkit-transition:all .3s ease}[dir] .rows-select:hover{border-color:#d2691e}.rows-select:focus{outline:none;-webkit-box-shadow:0 0 0 3px rgba(210,105,30,.1)}[dir] .rows-select:focus{border-color:#d2691e;box-shadow:0 0 0 3px rgba(210,105,30,.1)}.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}[dir] .action-button{padding:8px 14px;background:#fff;border:1px solid #94a3b8;border-radius:6px;cursor:pointer;-webkit-transition:all .3s ease}.action-button:hover{color:#d2691e;-webkit-transform:translateY(-1px);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.08)}[dir] .action-button:hover{background:#f8fafc;border-color:#d2691e;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.08)}.action-button.popout-btn:hover{color:#2196f3}[dir] .action-button.popout-btn:hover{background:#e3f2fd;border-color:#2196f3}.action-button.refresh-btn:hover{color:#4caf50}[dir] .action-button.refresh-btn:hover{background:#e8f5e9;border-color:#4caf50}.action-button.export-btn:hover{color:#ff9800}[dir] .action-button.export-btn:hover{background:#fff3e0;border-color:#ff9800}.btn-icon{font-size:1rem}.action-button:disabled{opacity:.5}[dir] .action-button:disabled{cursor:not-allowed}.table-container{overflow:auto;position:relative;max-height:500px;width:100%}[dir] .table-container{background:#fff}.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}[dir] .data-table tbody tr:hover{background:#f1f5f9}[dir] .data-table tbody tr:nth-child(2n){background:#f8fafc}[dir] .data-table tbody tr:nth-child(2n):hover{background:#f1f5f9}.data-table td{font-size:.875rem;color:var(--fams-dark)}[dir] .data-table td{padding:12px 16px}.activity-badge{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase}[dir] .activity-badge{padding:4px 10px;border-radius:12px}.badge-dispense{color:#fff}[dir=ltr] .badge-dispense{background:linear-gradient(135deg,#3498db,#2980b9)}[dir=rtl] .badge-dispense{background:linear-gradient(-135deg,#3498db,#2980b9)}.badge-complete{color:#fff}[dir=ltr] .badge-complete{background:linear-gradient(135deg,#27ae60,#229954)}[dir=rtl] .badge-complete{background:linear-gradient(-135deg,#27ae60,#229954)}.badge-action{color:#fff}[dir=ltr] .badge-action{background:linear-gradient(135deg,#9b59b6,#8e44ad)}[dir=rtl] .badge-action{background:linear-gradient(-135deg,#9b59b6,#8e44ad)}.badge-stop{color:#fff}[dir=ltr] .badge-stop{background:linear-gradient(135deg,#e74c3c,#c0392b)}[dir=rtl] .badge-stop{background:linear-gradient(-135deg,#e74c3c,#c0392b)}.badge-limit{color:#fff}[dir=ltr] .badge-limit{background:linear-gradient(135deg,#e67e22,#d35400)}[dir=rtl] .badge-limit{background:linear-gradient(-135deg,#e67e22,#d35400)}.badge-auth{color:#fff}[dir=ltr] .badge-auth{background:linear-gradient(135deg,#3498db,#2e86ab)}[dir=rtl] .badge-auth{background:linear-gradient(-135deg,#3498db,#2e86ab)}.badge-select{color:#fff}[dir=ltr] .badge-select{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}[dir=rtl] .badge-select{background:linear-gradient(-135deg,#95a5a6,#7f8c8d)}.badge-odometer{color:#fff}[dir=ltr] .badge-odometer{background:linear-gradient(135deg,#16a085,#138d75)}[dir=rtl] .badge-odometer{background:linear-gradient(-135deg,#16a085,#138d75)}.badge-driver{color:#fff}[dir=ltr] .badge-driver{background:linear-gradient(135deg,#8e44ad,#6c3483)}[dir=rtl] .badge-driver{background:linear-gradient(-135deg,#8e44ad,#6c3483)}.badge-alert{color:#fff}[dir=ltr] .badge-alert{background:linear-gradient(135deg,#c0392b,#a93226)}[dir=rtl] .badge-alert{background:linear-gradient(-135deg,#c0392b,#a93226)}.badge-system{color:#fff}[dir=ltr] .badge-system{background:linear-gradient(135deg,#34495e,#2c3e50)}[dir=rtl] .badge-system{background:linear-gradient(-135deg,#34495e,#2c3e50)}.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-indicator{padding:4px 8px;border-radius:6px}.status-processed{color:var(--fams-success)}[dir] .status-processed{background:rgba(39,174,96,.1)}.status-pending{color:var(--fams-warning)}[dir] .status-pending{background:rgba(243,156,18,.1)}.status-error{color:var(--fams-danger)}[dir] .status-error{background:rgba(231,76,60,.1)}.status-dot{width:6px;height:6px}[dir] .status-dot{border-radius:50%;background:currentColor}.device-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:2px}.device-id{font-weight:600;color:var(--fams-dark)}.device-alias{font-size:.75rem;color:var(--fams-secondary)}.volume-display{font-weight:600;color:var(--autumn-primary)}.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:var(--fams-dark)}[dir] .empty-state{padding:60px 20px;background:#f8fafc;border-radius:8px;margin:20px;border:1px solid #e2e8f0}.empty-icon{font-size:4rem;color:var(--autumn-light)}[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 var(--autumn-light);border-top:4px solid var(--autumn-primary);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)}}code{font-family:Courier New,monospace}[dir] code{background:#f5f5f5;padding:2px 6px;border-radius:3px}.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}.per-page-info{color:#d2691e;font-weight:500}.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}.next-btn,.prev-btn{min-width:70px}@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}.activity-badge{font-size:.625rem}[dir] .activity-badge{padding:2px 6px}.header-controls{-ms-flex-wrap:wrap;flex-wrap:wrap}.grid-controls{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:10px}.grid-actions{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.message-cell{min-width:150px;max-width:250px;font-size:.75rem}}@media (max-width:480px){.header-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}.loader-controls{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.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}.page-btn{min-width:30px;font-size:.75rem}[dir] .page-btn{padding:4px 8px}.message-cell{min-width:100px;max-width:200px}}@media (min-width:1400px){.message-cell{max-width:600px}}.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:600px;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)}.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-row{font-size:.9rem}[dir] .detail-row{margin-bottom:12px}.detail-row strong{color:#34495e;display:inline-block;min-width:120px}.message-text{line-height:1.5;word-wrap:break-word}[dir] .message-text{margin-top:8px;padding:10px;background:#f8f9fa;border-radius:4px}[dir] .data-table tbody tr:hover{background:rgba(210,105,30,.1);cursor:pointer}@media (min-width:2000px){.header-content{max-width:1920px}[dir] .header-content{margin:0 auto}.main-content{max-width:1920px}[dir] .main-content{margin:0 auto}}@media (max-width:768px){[dir] .main-content{padding:12px}[dir] .header-content{padding:0 12px}[dir=ltr] .filter-header,[dir=ltr] .grid-header,[dir=ltr] .pagination-container,[dir=ltr] .search-controls-wrapper,[dir=ltr] .stats-header,[dir=ltr] .stats-wrapper,[dir=rtl] .filter-header,[dir=rtl] .grid-header,[dir=rtl] .pagination-container,[dir=rtl] .search-controls-wrapper,[dir=rtl] .stats-header,[dir=rtl] .stats-wrapper{padding-left:12px;padding-right:12px}}.clickable-stat{transition:all .3s ease}[dir] .clickable-stat{cursor:pointer;-webkit-transition:all .3s ease}.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;border-color:#d2691e}.device-list-container{max-height:400px;overflow-y:auto}.device-list-item{transition:background .2s ease}[dir] .device-list-item{padding:12px;border-bottom:1px solid #e2e8f0;-webkit-transition:background .2s ease}[dir] .device-list-item:hover{background:#f8fafc}[dir] .device-list-item:last-child{border-bottom:none}.device-main-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] .device-main-info{margin-bottom:8px}.device-main-info strong{color:#d2691e;font-size:1rem}.device-alias{color:#64748b;font-size:.875rem;font-style:italic}.device-stats{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.device-stat-badge{display:inline-block;font-size:.75rem;color:#475569}[dir] .device-stat-badge{padding:3px 8px;background:#f1f5f9;border-radius:4px;border:1px solid #e2e8f0}.device-stat-badge.volume{color:#0369a1}[dir] .device-stat-badge.volume{background:#e0f2fe;border-color:#7dd3fc}.device-stat-badge.status-processed{color:#14532d}[dir] .device-stat-badge.status-processed{background:#dcfce7;border-color:#86efac}.device-stat-badge.status-pending{color:#78350f}[dir] .device-stat-badge.status-pending{background:#fef3c7;border-color:#fde047}.device-stat-badge.status-error{color:#7f1d1d}[dir] .device-stat-badge.status-error{background:#fee2e2;border-color:#fca5a5}.no-devices{color:#94a3b8;font-style:italic}[dir] .no-devices{text-align:center;padding:40px 20px}.clickable-stat:after{content:"\1F4CB";position:absolute;top:10px;font-size:.875rem;opacity:0;transition:opacity .3s ease}[dir] .clickable-stat:after{-webkit-transition:opacity .3s ease}[dir=ltr] .clickable-stat:after{right:10px}[dir=rtl] .clickable-stat:after{left:10px}.clickable-stat:hover:after{opacity:.7}.device-list-container::-webkit-scrollbar{width:6px}[dir] .device-list-container::-webkit-scrollbar-track{background:#f1f1f1}[dir] .device-list-container::-webkit-scrollbar-thumb{background:#d2691e;border-radius:3px}[dir] .device-list-container::-webkit-scrollbar-thumb:hover{background:#8b4513}[dir] .volume-summary{background:#f8fafc;border-radius:8px;padding:16px;margin-bottom:20px;border:1px solid #e2e8f0}.summary-item{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] .summary-item{margin-bottom:8px}[dir] .summary-item:last-child{margin-bottom:0}.summary-label{color:#64748b;font-size:.875rem}.summary-value{font-weight:600;color:#d2691e;font-size:1rem}.volume-list-container{max-height:400px;overflow-y:auto}.volume-list-container h4{color:#334155;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}[dir] .volume-list-container h4{margin:0 0 12px 0}.volume-item{transition:background .2s ease}[dir] .volume-item{padding:12px;border-bottom:1px solid #e2e8f0;-webkit-transition:background .2s ease}[dir] .volume-item:hover{background:#f8fafc}[dir] .volume-item:last-child{border-bottom:none}.volume-device-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] .volume-device-info{margin-bottom:8px}.device-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.device-name strong{color:#1e293b;font-size:.875rem}.volume-amount{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.volume-value{font-weight:700;color:#d2691e;font-size:1rem}.volume-percentage{color:#64748b;font-size:.75rem}.volume-bar-container{width:100%;height:20px;overflow:hidden}[dir] .volume-bar-container{background:#f1f5f9;border-radius:10px;margin-bottom:8px}.volume-bar{height:100%;transition:width .3s ease}[dir] .volume-bar{-webkit-transition:width .3s ease;border-radius:10px}[dir=ltr] .volume-bar{background:-webkit-gradient(linear,left top,right top,from(#3498db),to(#2196f3));background:linear-gradient(90deg,#3498db,#2196f3)}[dir=rtl] .volume-bar{background:-webkit-gradient(linear,right top,left top,from(#3498db),to(#2196f3));background:linear-gradient(-90deg,#3498db,#2196f3)}.volume-details{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.detail-badge{display:inline-block;font-size:.7rem;color:#475569}[dir] .detail-badge{padding:3px 8px;background:#fff;border:1px solid #e2e8f0;border-radius:4px}.no-volume{color:#94a3b8;font-style:italic}[dir] .no-volume{text-align:center;padding:40px 20px}.clickable-stat:has(.stat-label:contains("Volume")):after{content:"\1F4A7";position:absolute;top:10px;font-size:.875rem;opacity:0;transition:opacity .3s ease}[dir] .clickable-stat:has(.stat-label:contains("Volume")):after{-webkit-transition:opacity .3s ease}[dir=ltr] .clickable-stat:has(.stat-label:contains("Volume")):after{right:10px;-webkit-animation:water-drop 2s infinite;animation:water-drop 2s infinite}[dir=rtl] .clickable-stat:has(.stat-label:contains("Volume")):after{left:10px;-webkit-animation:water-drop 2s infinite;animation:water-drop 2s infinite}@-webkit-keyframes water-drop{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}}@keyframes water-drop{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}}.clickable-stat:has(.stat-label:contains("Volume")):hover:after{opacity:.7}.volume-list-container::-webkit-scrollbar{width:6px}[dir] .volume-list-container::-webkit-scrollbar-track{background:#f1f1f1}[dir] .volume-list-container::-webkit-scrollbar-thumb{background:#3498db;border-radius:3px}[dir] .volume-list-container::-webkit-scrollbar-thumb:hover{background:#2196f3}[dir] .events-summary{background:#f8fafc;border-radius:8px;padding:16px;margin-bottom:20px;border:1px solid #e2e8f0}.events-list-container{max-height:450px;overflow-y:auto}.events-list-container h4{color:#334155;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}[dir] .events-list-container h4{margin:0 0 12px 0}.events-device-item{overflow:hidden;transition:all .3s ease}[dir] .events-device-item{margin-bottom:12px;border:1px solid #e2e8f0;border-radius:8px;-webkit-transition:all .3s ease}.events-device-item:hover{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1)}[dir] .events-device-item:hover{box-shadow:0 2px 4px rgba(0,0,0,.1)}.device-header{transition:background .2s ease}[dir] .device-header{padding:12px;background:#fff;cursor:pointer;-webkit-transition:background .2s ease}[dir] .device-header:hover{background:#f8fafc}.device-info-row{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] .device-info-row{margin-bottom:8px}.device-name-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.device-name-section strong{color:#d2691e;font-size:.9rem}.device-count{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.event-count-badge{color:#fff;font-size:.75rem;font-weight:600}[dir] .event-count-badge{padding:4px 10px;border-radius:12px}[dir=ltr] .event-count-badge{background:linear-gradient(135deg,#d2691e,#ff8c00)}[dir=rtl] .event-count-badge{background:linear-gradient(-135deg,#d2691e,#ff8c00)}.expand-icon{color:#64748b;font-size:.75rem;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}[dir] .expand-icon{-webkit-transition:-webkit-transform .2s ease}.device-progress-bar{width:100%;height:6px;overflow:hidden}[dir] .device-progress-bar{background:#f1f5f9;border-radius:3px}.progress-fill{height:100%;transition:width .3s ease}[dir] .progress-fill{-webkit-transition:width .3s ease}[dir=ltr] .progress-fill{background:-webkit-gradient(linear,left top,right top,from(#d2691e),to(#ff8c00));background:linear-gradient(90deg,#d2691e,#ff8c00)}[dir=rtl] .progress-fill{background:-webkit-gradient(linear,right top,left top,from(#d2691e),to(#ff8c00));background:linear-gradient(-90deg,#d2691e,#ff8c00)}[dir] .device-events-detail{padding:12px;background:#fafbfc;border-top:1px solid #e2e8f0}[dir=ltr] .device-events-detail,[dir=rtl] .device-events-detail{-webkit-animation:slideDown .3s ease;animation:slideDown .3s ease}@-webkit-keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.event-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}[dir] .event-type-grid{margin-bottom:12px}.event-type-item{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] .event-type-item{padding:6px;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.event-type-item .activity-badge{font-size:.65rem}[dir] .event-type-item .activity-badge{padding:2px 6px}.event-count{font-weight:600;color:#334155;font-size:.875rem}.device-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.timeline-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[dir] .timeline-item{padding:6px;background:#fff;border-radius:4px;border:1px solid #e2e8f0}.timeline-label{color:#64748b;font-size:.7rem;text-transform:uppercase}.timeline-value{color:#1e293b;font-size:.75rem;font-weight:500}.no-events{color:#94a3b8;font-style:italic}[dir] .no-events{text-align:center;padding:40px 20px}.events-list-container::-webkit-scrollbar{width:6px}[dir] .events-list-container::-webkit-scrollbar-track{background:#f1f1f1}[dir] .events-list-container::-webkit-scrollbar-thumb{background:#d2691e;border-radius:3px}[dir] .events-list-container::-webkit-scrollbar-thumb:hover{background:#ff8c00}