:root{--autumn-primary:#d2691e;--autumn-secondary:peru;--autumn-accent:#ff8c00;--autumn-warm:orange;--autumn-deep:#8b4513;--autumn-light:#ffe4b5;--fams-primary:#2c3e50;--fams-secondary:#3498db;--fams-success:#27ae60;--fams-warning:#f39c12;--fams-danger:#e74c3c;--fams-dark:#34495e}*{-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}.icon-pulse{font-size:1.5rem}[dir=ltr] .icon-pulse,[dir=rtl] .icon-pulse{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.dashboard-title{color:#fff;font-size:1.5rem;font-weight:600}.header-controls{gap:20px}.header-controls,.live-indicator{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.live-indicator{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.loading{background:#f39c12}[dir=ltr] .live-dot.loading,[dir=rtl] .live-dot.loading{-webkit-animation:pulse-loading 1s infinite;animation:pulse-loading 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)}}@-webkit-keyframes pulse-loading{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-loading{0%,to{opacity:1}50%{opacity:.5}}[dir] .api-notification{padding:12px 20px;border-bottom:1px solid}[dir] .api-notification.notification-success{background:#dcfce7;border-color:#86efac}[dir] .api-notification.notification-warning{background:#fef3c7;border-color:#fde047}[dir] .api-notification.notification-error{background:#fee2e2;border-color:#fca5a5}.notification-content{max-width:1400px;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] .notification-content{margin:0 auto}.notification-message{font-size:.875rem;font-weight:500}.notification-success .notification-message{color:#14532d}.notification-warning .notification-message{color:#78350f}.notification-error .notification-message{color:#7f1d1d}.notification-close{font-size:1.5rem;color:inherit;opacity:.7;transition:opacity .2s}[dir] .notification-close{background:none;border:none;cursor:pointer;-webkit-transition:opacity .2s}.notification-close:hover{opacity:1}.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}[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}[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: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;font-size:.875rem;font-weight:600}[dir] .stat-label{margin-bottom:8px}.stat-value{font-size:1.75rem;color:#2c3e50;font-weight:700;-webkit-text-fill-color:transparent}[dir] .stat-value{-webkit-background-clip:text;background-clip:text}[dir=ltr] .stat-value{background:linear-gradient(135deg,#d2691e,#ff8c00)}[dir=rtl] .stat-value{background:linear-gradient(-135deg,#d2691e,#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.positive{color:var(--fams-success)}.stat-change.negative{color:var(--fams-danger)}.stat-icon{font-size:.875rem}[dir] .comparison-content{padding:20px}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.comparison-card{transition:all .3s ease}[dir] .comparison-card{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0;-webkit-transition:all .3s ease}[dir] .comparison-card.highlight{border-color:#d2691e}[dir=ltr] .comparison-card.highlight{background:linear-gradient(135deg,#fff3e0,#ffe4b5)}[dir=rtl] .comparison-card.highlight{background:linear-gradient(-135deg,#fff3e0,#ffe4b5)}.comparison-card:hover{-webkit-transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1)}[dir] .comparison-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.comparison-title{font-size:.875rem;font-weight:600;color:#34495e}[dir] .comparison-title{margin-bottom:12px}.comparison-detail{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] .comparison-detail{margin-bottom:8px}.detail-label{font-size:.75rem;color:#64748b}.detail-value{font-size:1rem;font-weight:600;color:#1e293b}.detail-value.primary{color:#3498db}.detail-value.accent{color:#d2691e}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}[dir] .charts-section{margin-bottom:20px}.chart-card{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.1);overflow:hidden}[dir] .chart-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.1);border:1px solid #cbd5e1}[dir] .chart-header{padding:16px 20px;background:#f1f5f9;border-bottom:1px solid #cbd5e1}.chart-title{font-size:1rem;font-weight:600;color:#34495e}[dir] .chart-title{margin:0}.chart-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:300px}[dir] .chart-body{padding:20px}.chart-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}[dir] .chart-legend{padding:16px 20px;border-top:1px solid #e2e8f0}.legend-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:.875rem;color:#64748b}.legend-dot{width:12px;height:12px}[dir] .legend-dot{border-radius:50%}[dir] .legend-dot.critical{background:#ef4444}[dir] .legend-dot.warning{background:#f97316}[dir] .legend-dot.medium{background:#eab308}[dir] .legend-dot.active,[dir] .legend-dot.good{background:#22c55e}[dir] .legend-dot.suspended{background:#eab308}[dir] .legend-dot.inactive{background:#64748b}.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}[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}.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}[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)}.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}.grid-title{font-size:1.125rem;font-weight:600;color:#34495e}.grid-controls{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.grid-actions,.grid-controls{display:-webkit-box;display:-ms-flexbox;display:flex}.grid-actions{gap:8px}.action-button{color:#475569;font-size:.875rem;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;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:not(:disabled){color:#d2691e;-webkit-transform:translateY(-1px);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.08)}[dir] .action-button:hover:not(:disabled){background:#f8fafc;border-color:#d2691e;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.08)}.action-button:disabled{opacity:.5}[dir] .action-button:disabled{cursor:not-allowed}.btn-icon{font-size:1rem}.table-container{overflow:auto;position:relative;max-height:500px;width:100%}[dir] .table-container{background:#fff}.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)}}.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;cursor:pointer}[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}.device-id{font-weight:600;color:var(--fams-dark)}.activity-badge{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase}[dir] .activity-badge{padding:4px 10px;border-radius:12px}.badge-active{color:#fff}[dir=ltr] .badge-active{background:linear-gradient(135deg,#27ae60,#229954)}[dir=rtl] .badge-active{background:linear-gradient(-135deg,#27ae60,#229954)}.badge-suspended{color:#fff}[dir=ltr] .badge-suspended{background:linear-gradient(135deg,#f39c12,#e67e22)}[dir=rtl] .badge-suspended{background:linear-gradient(-135deg,#f39c12,#e67e22)}.badge-inactive{color:#fff}[dir=ltr] .badge-inactive{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}[dir=rtl] .badge-inactive{background:linear-gradient(-135deg,#95a5a6,#7f8c8d)}.badge-critical{color:#fff}[dir=ltr] .badge-critical{background:linear-gradient(135deg,#e74c3c,#c0392b)}[dir=rtl] .badge-critical{background:linear-gradient(-135deg,#e74c3c,#c0392b)}.badge-warning{color:#fff}[dir=ltr] .badge-warning{background:linear-gradient(135deg,#f39c12,#e67e22)}[dir=rtl] .badge-warning{background:linear-gradient(-135deg,#f39c12,#e67e22)}.badge-ok{color:#fff}[dir=ltr] .badge-ok{background:linear-gradient(135deg,#27ae60,#229954)}[dir=rtl] .badge-ok{background:linear-gradient(-135deg,#27ae60,#229954)}.data-progress{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.progress-bar-container{width:80px;height:8px;overflow:hidden}[dir] .progress-bar-container{background:#e2e8f0;border-radius:4px}.progress-bar{height:100%;transition:width .3s ease}[dir] .progress-bar{-webkit-transition:width .3s ease;border-radius:4px}[dir] .progress-bar.critical{background:#ef4444}[dir] .progress-bar.warning{background:#f97316}[dir] .progress-bar.medium{background:#eab308}[dir] .progress-bar.good{background:#22c55e}.progress-label{font-size:.75rem;font-weight:600;color:#64748b}.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}[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}@media (max-width:768px){[dir] .main-content{padding:12px}.charts-section,.comparison-grid,.search-controls,.stats-container{grid-template-columns:1fr}}