.App{width:100%;min-height:100vh;display:flex;flex-direction:column;text-align:center;font-family:var(--font-primary);color:var(--gray-800);background-color:transparent}main{flex:1;padding:var(--space-lg);max-width:1400px;width:100%;margin:0 auto;padding-top:80px}.app-glass-card{background:var(--bg-primary);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 30px #0000000d;padding:var(--space-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.app-glass-card:after{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transform:translate(-100%);transition:transform .8s ease;pointer-events:none;z-index:1}.app-glass-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #0000001a;border-color:rgba(var(--primary-light),.2)}.app-glass-card:hover:after{transform:translate(100%)}:root.dark-theme .App{color:var(--text-primary)}:root.dark-theme main{color:var(--text-primary)}:root.dark-theme .app-glass-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d}:root.dark-theme .app-glass-card:after{background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0)}:root.dark-theme .app-glass-card:hover{background:#ffffff14;border-color:var(--primary-light);box-shadow:0 10px 40px rgba(var(--primary-rgb),.2)}.charts-page-container{padding:var(--space-lg);background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-xl)}.charts-page-container h2{margin-bottom:var(--space-xl);color:var(--gray-900);font-weight:700;position:relative;display:inline-block}.charts-page-container h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:50px;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:var(--radius-full)}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-xl);justify-content:center;align-items:stretch}@media (max-width: 768px){main{padding:var(--space-md);padding-top:70px}.chart-grid{grid-template-columns:1fr}.app-glass-card{padding:var(--space-md)}}@keyframes pulseGlow{0%{box-shadow:0 0 #4361ee33}70%{box-shadow:0 0 0 10px #4361ee00}to{box-shadow:0 0 #4361ee00}}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.refresh-button:hover i{animation:spin .8s ease-in-out}.data-card.status-high{animation:pulseGlow 2s infinite}.loading-shimmer{background:linear-gradient(90deg,#ffffff1a,#fff3,#ffffff1a);background-size:200% 100%;animation:shimmer 1.5s infinite}:root.dark-theme .loading-shimmer{background:linear-gradient(90deg,#ffffff0d,#ffffff26,#ffffff0d);background-size:200% 100%;animation:shimmer 1.5s infinite}:root.dark-theme .data-card.status-high{animation:pulseGlowDark 2s infinite}@keyframes pulseGlowDark{0%{box-shadow:0 0 #6780fa4d}70%{box-shadow:0 0 0 15px #6780fa00}to{box-shadow:0 0 #6780fa00}}:root.dark-theme .app-glass-card:focus,:root.dark-theme .app-glass-card:focus-within{outline:2px solid var(--primary-light);outline-offset:2px}:root.dark-theme .text-glow{text-shadow:0 0 10px rgba(var(--primary-rgb),.5)}:root.dark-theme .border-glow{box-shadow:0 0 20px rgba(var(--primary-rgb),.3)}@media (max-width: 768px){:root.dark-theme .app-glass-card{background:#ffffff14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}:root.dark-theme .charts-page-container{background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.push-notification-settings{background:var(--surface-color);border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.settings-header h3{margin:0;color:var(--text-color);font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:12px}.settings-header h3 i{color:var(--primary-color)}.permission-status{display:flex;align-items:center;gap:8px;font-size:.9rem}.permission-label{color:var(--text-secondary)}.permission-value{display:flex;align-items:center;gap:6px;font-weight:600;padding:4px 12px;border-radius:20px;background:#0000000d}.permission-value.green{color:#059669;background:#0596691a}.permission-value.red{color:#dc2626;background:#dc26261a}.permission-value.orange{color:#d97706;background:#d977061a}.not-supported{text-align:center;padding:48px 24px;color:var(--text-secondary)}.not-supported i{font-size:3rem;color:#f59e0b;margin-bottom:16px}.not-supported h3{margin:0 0 12px;color:var(--text-color)}.error-message{background:#dc26261a;border:1px solid rgba(220,38,38,.2);border-radius:8px;padding:12px 16px;margin-bottom:24px;color:#dc2626;display:flex;align-items:center;gap:12px}.setting-group{margin-bottom:32px}.setting-group h4{margin:0 0 16px;color:var(--text-color);font-size:1.1rem;font-weight:600}.setting-item{margin-bottom:16px}.main-toggle{background:var(--hover-color);border-radius:12px;padding:20px;border:2px solid transparent;transition:all .3s ease}.main-toggle:hover{border-color:var(--primary-color)}.toggle-label{display:flex;align-items:center;gap:16px;cursor:pointer;width:100%}.toggle-label input[type=checkbox]{display:none}.toggle-slider{width:54px;height:30px;background:#e5e7eb;border-radius:30px;position:relative;transition:all .3s ease;flex-shrink:0}.toggle-slider:before{content:"";position:absolute;width:26px;height:26px;background:#fff;border-radius:50%;top:2px;left:2px;transition:all .3s ease;box-shadow:0 2px 4px #0003}.toggle-label input[type=checkbox]:checked+.toggle-slider{background:var(--primary-color)}.toggle-label input[type=checkbox]:checked+.toggle-slider:before{transform:translate(24px)}.toggle-label input[type=checkbox]:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.toggle-content{flex:1}.toggle-title{display:block;font-weight:600;color:var(--text-color);margin-bottom:4px}.toggle-description{display:block;font-size:.9rem;color:var(--text-secondary);line-height:1.4}.loading-spinner{margin-left:16px}.loading-spinner i{color:var(--primary-color);font-size:1.2rem}.permission-help{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:16px;margin-top:16px;display:flex;gap:12px;color:#1d4ed8}.permission-help i{flex-shrink:0;margin-top:2px}.permission-help strong{display:block;margin-bottom:4px}.permission-help p{margin:0;font-size:.9rem;line-height:1.4}.setting-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px;border-radius:8px;transition:background .3s ease}.setting-label:hover{background:var(--hover-color)}.setting-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.setting-icon.critical{background:#dc26261a;color:#dc2626}.setting-icon.warning{background:#f59e0b1a;color:#f59e0b}.setting-icon.info{background:#3b82f61a;color:#3b82f6}.setting-icon.success{background:#0596691a;color:#059669}.setting-icon:not(.critical):not(.warning):not(.info):not(.success){background:var(--hover-color);color:var(--text-secondary)}.setting-content{flex:1}.setting-title{display:block;font-weight:500;color:var(--text-color);margin-bottom:2px}.setting-description{display:block;font-size:.85rem;color:var(--text-secondary);line-height:1.3}.quiet-hours-config{margin-top:12px;padding:16px;background:var(--hover-color);border-radius:8px}.time-input-group{display:grid;grid-template-columns:1fr 1fr;gap:16px}.time-input-group label{display:flex;flex-direction:column;gap:6px}.time-input-group label span{font-size:.9rem;font-weight:500;color:var(--text-color)}.time-input-group input[type=time]{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--surface-color);color:var(--text-color);font-size:.9rem}.subscription-info{background:var(--hover-color);border-radius:8px;padding:16px}.info-item{display:flex;align-items:center;gap:12px;margin-bottom:8px}.info-item:last-child{margin-bottom:0}.info-label{font-weight:500;color:var(--text-color);min-width:80px}.info-value{flex:1;font-size:.9rem;color:var(--text-secondary)}.info-value.success{color:#059669;display:flex;align-items:center;gap:6px}.info-value.endpoint{font-family:monospace;font-size:.8rem;word-break:break-all}.test-section{text-align:center;padding:24px;background:var(--hover-color);border-radius:12px}.test-btn{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;margin-bottom:8px}.test-btn:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-1px)}.test-btn:disabled{opacity:.6;cursor:not-allowed}.test-description{display:block;font-size:.85rem;color:var(--text-secondary);line-height:1.4}.resubscribe-actions{margin-top:12px;text-align:right}.resub-btn{background:#6b7280;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .25s ease}.resub-btn:hover:not(:disabled){background:#4b5563}.resub-btn:disabled{opacity:.6;cursor:not-allowed}:root.dark-theme .push-notification-settings{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0003}:root.dark-theme .settings-header h3{color:var(--text-primary);background:linear-gradient(90deg,var(--primary-light),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root.dark-theme .settings-header h3 i{color:var(--primary-light)}:root.dark-theme .permission-label{color:var(--text-secondary)}:root.dark-theme .permission-value{color:var(--text-primary);background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}:root.dark-theme .permission-value.allowed{background:#10b9811a;color:var(--success);border-color:var(--success)}:root.dark-theme .permission-value.denied{background:#ef44441a;color:var(--danger);border-color:var(--danger)}:root.dark-theme .permission-value.default{background:#9ca3af1a;color:var(--text-muted);border-color:var(--text-muted)}:root.dark-theme .main-toggle{background:#ffffff08;border:1px solid rgba(255,255,255,.1)}:root.dark-theme .main-toggle:hover{background:#ffffff14;border-color:var(--primary-light)}:root.dark-theme .main-toggle.disabled{background:#ffffff05;border-color:#ffffff0d;opacity:.6}:root.dark-theme .toggle-label h4{color:var(--text-primary)}:root.dark-theme .toggle-description{color:var(--text-secondary)}:root.dark-theme .permission-help{background:#ef44440d;border:1px solid rgba(239,68,68,.2);color:var(--danger)}:root.dark-theme .permission-help i{color:var(--danger)}:root.dark-theme .not-supported{background:#9ca3af0d;border:1px solid rgba(156,163,175,.2);color:var(--text-muted)}:root.dark-theme .not-supported i{color:var(--text-muted)}:root.dark-theme .settings-section{background:#ffffff05;border:1px solid rgba(255,255,255,.05)}:root.dark-theme .section-title{color:var(--text-primary);border-bottom-color:#ffffff1a}:root.dark-theme .section-title i{color:var(--primary-light)}:root.dark-theme .setting-group{background:#ffffff05;border:1px solid rgba(255,255,255,.05)}:root.dark-theme .setting-item{border-bottom-color:#ffffff0d}:root.dark-theme .setting-item:hover{background:#ffffff08}:root.dark-theme .setting-description{color:var(--text-secondary)}:root.dark-theme .setting-icon{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}:root.dark-theme .setting-icon i{color:var(--primary-light)}:root.dark-theme .toggle-slider{background:#fff3;border:1px solid rgba(255,255,255,.1)}:root.dark-theme .toggle-slider:before{background:var(--text-light);box-shadow:0 2px 4px #0003}:root.dark-theme input:checked+.toggle-slider{background:var(--primary-light);border-color:var(--primary-light)}:root.dark-theme .time-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:var(--text-primary)}:root.dark-theme .time-input:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2)}:root.dark-theme .subscription-details{background:#ffffff05;border:1px solid rgba(255,255,255,.05)}:root.dark-theme .subscription-details h4{color:var(--text-primary)}:root.dark-theme .detail-item{border-bottom-color:#ffffff0d}:root.dark-theme .detail-label{color:var(--text-secondary)}:root.dark-theme .detail-value{color:var(--text-primary);background:#ffffff08;border:1px solid rgba(255,255,255,.05)}:root.dark-theme .test-btn{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--text-light);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px rgba(var(--primary-rgb),.3)}:root.dark-theme .test-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-light),var(--primary));box-shadow:0 6px 20px rgba(var(--primary-rgb),.4);transform:translateY(-2px)}:root.dark-theme .test-btn:disabled{background:#ffffff1a;color:var(--text-muted);box-shadow:none}:root.dark-theme .test-description{color:var(--text-secondary)}[dir=rtl] .settings-header,[dir=rtl] .toggle-label,[dir=rtl] .setting-label,[dir=rtl] .permission-help{flex-direction:row-reverse}@media (max-width: 768px){.push-notification-settings{padding:16px;margin:0 -16px 24px;border-radius:0}.settings-header{flex-direction:column;gap:16px;align-items:flex-start}.permission-status{align-self:stretch;justify-content:space-between}.time-input-group{grid-template-columns:1fr}.main-toggle{padding:16px}.toggle-label{gap:12px}.setting-label{gap:10px}.setting-icon{width:32px;height:32px}}.notification-settings{background:var(--card-background);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 10px #0000001a}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--border-color)}.settings-header h3{margin:0;color:var(--text-color)}.reset-btn{background:var(--secondary-color);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.reset-btn:hover{background:var(--secondary-color-dark)}.setting-group{margin-bottom:25px}.setting-group h4{color:var(--text-color);margin-bottom:15px;font-size:1.1rem;border-left:4px solid var(--primary-color);padding-left:10px}.setting-item{margin-bottom:15px}.setting-label{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--text-color);font-size:.95rem}.setting-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color)}.setting-input{background:var(--input-background);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;color:var(--text-color);font-size:.9rem;width:80px;margin-left:auto}.setting-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.setting-select{background:var(--input-background);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;color:var(--text-color);font-size:.9rem;margin-left:auto;min-width:120px}.setting-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}:root.dark-theme .notification-settings{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1)}:root.dark-theme .settings-header{border-bottom-color:#ffffff1a}:root.dark-theme .settings-header h3{color:var(--text-primary)}:root.dark-theme .setting-group h4{color:var(--text-primary)}:root.dark-theme .setting-label{color:var(--text-primary)}:root.dark-theme .setting-input,:root.dark-theme .setting-select{background:#ffffff0d;border-color:#fff3;color:var(--text-primary)}:root.dark-theme .setting-input:focus,:root.dark-theme .setting-select:focus{border-color:var(--primary-light);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}:root.dark-theme .reset-btn{background:var(--secondary);border:1px solid rgba(255,255,255,.2)}:root.dark-theme .reset-btn:hover{background:var(--primary-light);border-color:var(--primary-light)}[dir=rtl] .setting-group h4{border-left:none;border-right:4px solid var(--primary-color);padding-left:0;padding-right:10px}[dir=rtl] .setting-input,[dir=rtl] .setting-select{margin-left:0;margin-right:auto}@media (max-width: 768px){.notification-settings{padding:15px}.settings-header{flex-direction:column;gap:10px;align-items:flex-start}.setting-label{flex-direction:column;align-items:flex-start;gap:8px}.setting-input,.setting-select{margin-left:0;margin-right:0;width:100%;max-width:200px}}.notification-history{background:var(--card-background);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 10px #0000001a}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--border-color)}.history-header h3{margin:0;color:var(--text-color)}.history-controls{display:flex;gap:10px;align-items:center}.filter-select{background:var(--input-background);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;color:var(--text-color);font-size:.9rem}.clear-btn{background:#f44;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.clear-btn:hover{background:#c33}.history-list{max-height:400px;overflow-y:auto}.no-history{text-align:center;padding:40px 20px;color:var(--text-secondary)}.no-history i{font-size:2rem;margin-bottom:10px;opacity:.5}.history-item{display:flex;align-items:flex-start;gap:12px;padding:15px;margin-bottom:8px;border-radius:8px;border-left:4px solid transparent;background:var(--hover-color);transition:all .3s ease}.history-item:hover{background:var(--primary-color-light)}.history-item.critical{border-left-color:#f44}.history-item.warning{border-left-color:#ff9800}.history-item.info{border-left-color:#2196f3}.history-item.acknowledged{opacity:.7}.history-icon{margin-top:2px;flex-shrink:0}.history-item.critical .history-icon{color:#f44}.history-item.warning .history-icon{color:#ff9800}.history-item.info .history-icon{color:#2196f3}.history-content{flex:1}.history-title{font-weight:600;color:var(--text-color);margin-bottom:5px}.history-message{color:var(--text-secondary);font-size:.9rem;margin-bottom:8px;line-height:1.4}.history-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-secondary)}.history-device{font-weight:500}.history-time{opacity:.8}.acknowledge-btn{background:#4caf50;color:#fff;border:none;padding:8px 10px;border-radius:6px;cursor:pointer;transition:background .3s ease;flex-shrink:0}.acknowledge-btn:hover{background:#45a049}[dir=rtl] .history-item{border-left:none;border-right:4px solid transparent}[dir=rtl] .history-item.critical{border-right-color:#f44}[dir=rtl] .history-item.warning{border-right-color:#ff9800}[dir=rtl] .history-item.info{border-right-color:#2196f3}@media (max-width: 768px){.notification-history{padding:15px}.history-header{flex-direction:column;gap:10px;align-items:flex-start}.history-controls{width:100%;justify-content:space-between}.history-item{padding:12px;gap:10px}.history-meta{flex-direction:column;align-items:flex-start;gap:4px}}.notification-bell{position:relative;margin-right:15px}.notification-toggle{background:none;border:none;color:var(--text-color);font-size:1.2rem;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;position:relative}.notification-toggle:hover{background:var(--primary-color);color:#fff}.notification-badge{position:absolute;top:0;right:0;background:#f44;color:#fff;border-radius:50%;width:20px;height:20px;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-panel{position:absolute;top:65px;right:0;width:450px;max-height:85vh;background:var(--card-background);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 12px 48px #00000026;z-index:1000;overflow:hidden;max-width:calc(100vw - 20px);transform:translateY(0);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{padding:20px 24px 16px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;position:relative}.notification-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.notification-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;position:relative;z-index:1}.notification-header h3{margin:0;font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:8px}.notification-header h3 i{font-size:1.1rem;opacity:.9}.notification-controls{display:flex;gap:8px;align-items:center}.clear-all-btn,.close-btn{background:#ffffff1a;border:none;color:#fff;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .3s ease;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.clear-all-btn:hover,.close-btn:hover{background:#fff3;transform:translateY(-1px)}.clear-all-btn:active,.close-btn:active{transform:translateY(0)}.notification-tabs{display:flex;gap:4px;position:relative;z-index:1}.tab-btn{background:#ffffff1a;border:none;padding:12px 18px;color:#fffc;cursor:pointer;border-radius:10px 10px 0 0;transition:all .3s ease;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:8px;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-bottom:none}.tab-btn:hover{background:#ffffff26;color:#fff;transform:translateY(-1px)}.tab-btn.active{background:#fff;color:#4f46e5;font-weight:600;box-shadow:0 4px 12px #0000001a;border-color:#fff3}.tab-btn i{font-size:1rem}.tab-badge{background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:700;margin-left:4px;box-shadow:0 2px 6px #ef44444d}.tab-btn.active .tab-badge{background:var(--primary-color);color:#fff}.notification-content{background:#fff;border-radius:0 0 16px 16px;max-height:450px;overflow-y:auto;position:relative}.notification-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent)}.notification-list{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#0000004d}.no-notifications{text-align:center;padding:60px 20px;color:var(--text-secondary);background:linear-gradient(135deg,#f8fafc,#f1f5f9);margin:0}.no-notifications i{font-size:3rem;margin-bottom:16px;color:#10b981;opacity:.8;animation:gentle-pulse 2s infinite}.no-notifications p{font-size:1.1rem;font-weight:500;margin:0}@keyframes gentle-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}.notification-item{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:flex-start;cursor:pointer;transition:all .3s ease;position:relative;background:#fff}.notification-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:all .3s ease}.notification-item:hover{background:#f8fafc;transform:translate(2px)}.notification-item.unread{background:linear-gradient(135deg,#dbeafe,#eff6ff);font-weight:500}.notification-item.unread:before{background:#3b82f6}.notification-item.critical:before{background:#ef4444}.notification-item.warning:before{background:#f59e0b}.notification-item.info:before{background:#06b6d4}.notification-item.success:before{background:#10b981}.notification-icon{margin-right:16px;margin-top:2px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#0000000d;flex-shrink:0}.notification-icon i{font-size:1.1rem}.notification-item.critical .notification-icon{background:#ef44441a}.notification-item.critical .notification-icon i{color:#ef4444}.notification-item.warning .notification-icon{background:#f59e0b1a}.notification-item.warning .notification-icon i{color:#f59e0b}.notification-item.info .notification-icon{background:#06b6d41a}.notification-item.info .notification-icon i{color:#06b6d4}.notification-item.success .notification-icon{background:#10b9811a}.notification-item.success .notification-icon i{color:#10b981}.notification-content{flex:1}.notification-title{font-weight:600;margin-bottom:5px;color:var(--text-color)}.notification-message{color:var(--text-secondary);font-size:.9rem;margin-bottom:8px;line-height:1.4}.notification-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-secondary)}.notification-device{font-weight:500}.notification-time{opacity:.7}.notification-remove{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:5px;border-radius:4px;transition:all .3s ease;opacity:0;margin-left:10px}.notification-item:hover .notification-remove{opacity:1}.notification-remove:hover{background:#f44;color:#fff}.notification-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:all .3s ease}:root.dark-theme .notification-overlay{background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}:root.dark-theme .notification-panel{background:#1f2937;border-color:#ffffff26;box-shadow:0 12px 48px #0006}:root.dark-theme .notification-header{background:linear-gradient(135deg,#374151,#4b5563);border-bottom-color:#ffffff1a}:root.dark-theme .notification-header:before{background:linear-gradient(135deg,#ffffff0d,#ffffff05)}:root.dark-theme .tab-btn{background:#ffffff0d;border-color:#ffffff1a;color:#ffffffb3}:root.dark-theme .tab-btn:hover{background:#ffffff1a;color:#ffffffe6}:root.dark-theme .tab-btn.active{background:#f3f4f6;color:#374151}:root.dark-theme .clear-all-btn,:root.dark-theme .close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.1)}:root.dark-theme .clear-all-btn:hover,:root.dark-theme .close-btn:hover{background:#fff3}:root.dark-theme .notification-content{background:#1f2937}:root.dark-theme .notification-content:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}:root.dark-theme .no-notifications{background:linear-gradient(135deg,#1f2937,#111827);color:#9ca3af}:root.dark-theme .no-notifications i{color:#10b981}:root.dark-theme .notification-item{border-bottom-color:#ffffff14;background:#1f2937}:root.dark-theme .notification-item:hover{background:#ffffff0d}:root.dark-theme .notification-item.unread{background:linear-gradient(135deg,#3b82f61a,#93c5fd0d)}:root.dark-theme .notification-icon{background:#ffffff0d}:root.dark-theme .notification-item.critical .notification-icon{background:#ef444426}:root.dark-theme .notification-item.warning .notification-icon{background:#f59e0b26}:root.dark-theme .notification-item.info .notification-icon{background:#06b6d426}:root.dark-theme .notification-item.success .notification-icon{background:#10b98126}:root.dark-theme .notification-title{color:#f9fafb}:root.dark-theme .notification-message{color:#d1d5db}:root.dark-theme .notification-meta{color:#9ca3af}[dir=rtl] .notification-bell{margin-right:0;margin-left:15px}[dir=rtl] .notification-panel{right:auto;left:0}[dir=rtl] .notification-icon{margin-right:0;margin-left:15px}[dir=rtl] .notification-remove{margin-left:0;margin-right:10px}[dir=rtl] .notification-item.unread,[dir=rtl] .notification-item.critical,[dir=rtl] .notification-item.warning,[dir=rtl] .notification-item.info,[dir=rtl] .notification-item.success{border-left:none;border-right:4px solid}[dir=rtl] .notification-item.unread{border-right-color:var(--primary-color)}[dir=rtl] .notification-item.critical{border-right-color:#f44}[dir=rtl] .notification-item.warning{border-right-color:#ff9800}[dir=rtl] .notification-item.info{border-right-color:#2196f3}[dir=rtl] .notification-item.success{border-right-color:#4caf50}@media (max-width: 768px){.notification-panel{width:95vw;right:2.5vw;left:2.5vw;max-height:85vh;top:70px;border-radius:12px}.notification-header{padding:16px 20px 12px}.notification-header h3{font-size:1.1rem}.tab-btn{padding:10px 14px;font-size:.85rem}[dir=rtl] .notification-panel{left:2.5vw;right:2.5vw}}@media (max-width: 480px){.notification-panel{width:100vw;right:0;left:0;top:60px;border-radius:0;max-height:calc(100vh - 60px)}.notification-header{padding:12px 16px 8px}.tab-btn{padding:8px 12px;font-size:.8rem;gap:6px}.clear-all-btn,.close-btn{padding:6px 10px;font-size:.8rem}}@media (max-height: 600px){.notification-panel{max-height:calc(100vh - 80px);top:60px}}@media (min-width: 1200px){.notification-panel{width:480px}}.notification-loading{display:flex;flex-direction:column;align-items:center;padding:60px 20px;color:var(--text-secondary);background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.notification-loading i{font-size:2.5rem;margin-bottom:20px;color:#3b82f6;animation:loading-spin 1.5s linear infinite}.notification-loading p{font-size:1rem;font-weight:500;margin:0}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root.dark-theme .notification-loading{background:linear-gradient(135deg,#1f2937,#111827);color:#9ca3af}.notification-actions{padding:1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:flex-end}.clear-all-btn{background:#f44;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;gap:.5rem;transition:background .3s ease}.clear-all-btn:hover{background:#c33}.notification-content-item{flex:1;min-width:0}.navbar{position:fixed;top:0;left:0;width:100%;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 20px #00000005}.navbar.scrolled{background:#fffffffa;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.navbar-container{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:.75rem 2rem;height:70px}.navbar-brand{flex-shrink:0;z-index:10}.navbar-brand a{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.navbar-brand a:hover{transform:scale(1.02)}.navbar-brand i{font-size:1.75rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.navbar-content{display:flex;align-items:center;flex:1;justify-content:space-between;margin-left:2rem;gap:2rem}.navbar-nav{display:flex;align-items:center;gap:.4rem;flex:1;justify-content:center;max-width:620px}.nav-link{display:flex;align-items:center;gap:.4rem;padding:.5rem .9rem;text-decoration:none;color:#64748b;font-weight:500;font-size:.9rem;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;white-space:nowrap}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s ease}.nav-link:hover:before{left:100%}.nav-link:hover{color:#3b82f6;background:#3b82f60d;transform:translateY(-1px)}.nav-link.active{color:#3b82f6;background:#3b82f61a;font-weight:600}.nav-link i{font-size:.95rem;width:18px;text-align:center;transition:transform .3s ease;flex-shrink:0}.nav-link:hover i{transform:scale(1.1)}.admin-link{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border:1px solid rgba(251,191,36,.3);color:#f59e0b!important}.admin-link:hover{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border-color:#fbbf2480;transform:translateY(-1px)}.auth-links{display:flex;align-items:center;gap:1rem;flex:1;justify-content:center}.auth-link{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;text-decoration:none;font-weight:500;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem}.login-link{color:#3b82f6;border:1.5px solid #3b82f6;background:transparent}.login-link:hover{background:#3b82f6;color:#fff;transform:translateY(-1px);box-shadow:0 4px 15px #3b82f64d}.register-link{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:1.5px solid transparent}.register-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.navbar-controls{display:flex;align-items:center;gap:1rem;flex-shrink:0}.control-item{display:flex;align-items:center}.theme-language-controls{display:flex;align-items:center;gap:.5rem;padding:.25rem;background:#94a3b81a;border-radius:12px}.control-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:10px;color:#64748b;font-size:1.1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.control-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#3b82f61a;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease}.control-btn:hover:before{width:100%;height:100%}.control-btn:hover{color:#3b82f6;background:#3b82f61a;transform:scale(1.05)}.language-text{font-weight:600;font-size:.9rem}.user-menu{position:relative}.user-menu-toggle{display:flex;align-items:center;gap:.75rem;background:transparent;border:none;padding:.5rem .75rem;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#64748b}.user-menu-toggle:hover{background:#3b82f60d;color:#3b82f6}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;position:relative;overflow:hidden}.user-avatar:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#3b82f6,#8b5cf6,#06b6d4,#3b82f6);border-radius:50%;z-index:-1;animation:rotate 3s linear infinite;opacity:0;transition:opacity .3s ease}.user-menu-toggle:hover .user-avatar:after{opacity:1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:.125rem .25rem;border-radius:6px;font-size:.7rem;display:flex;align-items:center;margin-left:-.25rem;z-index:1}.fa-chevron-down{font-size:.8rem;transition:transform .3s ease}.fa-chevron-down.rotate{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;box-shadow:0 20px 40px #0000001a;min-width:220px;z-index:1000;padding:1rem;animation:dropDown .3s cubic-bezier(.4,0,.2,1)}@keyframes dropDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-info{text-align:center;margin-bottom:.75rem}.user-info strong{display:block;color:#1f2937;font-size:1rem;margin-bottom:.25rem}.user-info small{color:#6b7280;font-size:.85rem;display:block}.role-indicator{color:#f59e0b!important;font-weight:600!important;font-size:.75rem!important;margin-top:.25rem}.user-menu-dropdown hr{border:none;height:1px;background:#0000000d;margin:.75rem 0}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:transparent;border:1px solid rgba(239,68,68,.2);color:#ef4444;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500}.logout-btn:hover{background:#ef44440d;border-color:#ef44444d;transform:translateY(-1px)}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.menu-toggle span{display:block;width:100%;height:3px;background:#3b82f6;border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}:root.dark-theme .navbar{background:#111827f2;border-bottom-color:#ffffff0d}:root.dark-theme .navbar.scrolled{background:#111827fa;box-shadow:0 4px 30px #0000004d}:root.dark-theme .nav-link{color:#9ca3af}:root.dark-theme .nav-link:hover{color:#60a5fa;background:#60a5fa1a}:root.dark-theme .nav-link.active{color:#60a5fa;background:#60a5fa26}:root.dark-theme .control-btn{color:#9ca3af}:root.dark-theme .control-btn:hover{color:#60a5fa;background:#60a5fa1a}:root.dark-theme .theme-language-controls{background:#4b55634d}:root.dark-theme .user-menu-toggle{color:#9ca3af}:root.dark-theme .user-menu-toggle:hover{background:#60a5fa1a;color:#60a5fa}:root.dark-theme .user-menu-dropdown{background:#1f2937;border-color:#ffffff1a;box-shadow:0 20px 40px #0006}:root.dark-theme .user-info strong{color:#f9fafb}:root.dark-theme .user-info small{color:#9ca3af}:root.dark-theme .user-menu-dropdown hr{background:#ffffff1a}:root.dark-theme .logout-btn{border-color:#f871714d;color:#f87171}:root.dark-theme .logout-btn:hover{background:#f871711a}[dir=rtl] .navbar-container{direction:rtl}[dir=rtl] .navbar-content{margin-right:2rem;margin-left:0;direction:rtl}[dir=rtl] .navbar-nav{gap:.6rem;margin-right:2rem;margin-left:0}[dir=rtl] .navbar-brand a{flex-direction:row-reverse;gap:1rem}[dir=rtl] .nav-link{flex-direction:row-reverse;padding:.5rem 1rem;min-width:fit-content;text-align:right;font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}[dir=rtl] .nav-link i{margin-right:0;margin-left:.6rem;flex-shrink:0}[dir=rtl] .nav-link span{text-align:right;white-space:nowrap;overflow:visible}@media (max-width: 768px){html[dir=rtl] .navbar-nav,body[dir=rtl] .navbar-nav,[dir=rtl] .navbar-nav{position:fixed!important;top:60px!important;left:0!important;right:0!important;background:#fffffffa!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;flex-direction:column!important;gap:0!important;padding:1rem!important;transform:translateY(-100%)!important;opacity:0!important;visibility:hidden!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;max-width:none!important;z-index:999!important;display:flex!important}html[dir=rtl] .navbar-nav.active,body[dir=rtl] .navbar-nav.active,[dir=rtl] .navbar-nav.active{transform:translateY(0)!important;opacity:1!important;visibility:visible!important;flex-direction:column!important}html[dir=rtl] .nav-link,body[dir=rtl] .nav-link,[dir=rtl] .nav-link{width:100%!important;justify-content:flex-start!important;padding:1rem!important;border-radius:8px!important;margin-bottom:.25rem!important;flex-direction:row-reverse!important;text-align:left!important;display:flex!important}:root.dark-theme html[dir=rtl] .navbar-nav,:root.dark-theme body[dir=rtl] .navbar-nav,:root.dark-theme [dir=rtl] .navbar-nav{background:#111827fa!important}}[dir=rtl] .auth-link{flex-direction:row-reverse}[dir=rtl] .auth-link i{margin-right:0;margin-left:.5rem}[dir=rtl] .user-menu-toggle{flex-direction:row-reverse}[dir=rtl] .logout-btn{flex-direction:row-reverse}[dir=rtl] .logout-btn i{margin-right:0;margin-left:.5rem}[dir=rtl] .admin-badge{margin-left:0;margin-right:-.25rem}@media (max-width: 768px){.navbar-container{padding:.5rem 1rem;height:60px}.navbar-content{margin-left:1rem;gap:1rem}.menu-toggle{display:flex;order:3}.navbar-nav{position:fixed;top:60px;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;gap:0;padding:1rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);max-width:none;z-index:999}.navbar-nav.active{transform:translateY(0);opacity:1;visibility:visible}.nav-link{width:100%;justify-content:flex-start;padding:1rem;border-radius:8px;margin-bottom:.25rem}.navbar-controls{order:2;gap:.5rem}.theme-language-controls{gap:.25rem;padding:.125rem}.control-btn{width:36px;height:36px;font-size:1rem}.user-menu-dropdown{right:1rem;left:1rem;width:auto}:root.dark-theme .navbar-nav{background:#111827fa}:root.dark-theme [dir=rtl] .navbar-nav{background:#111827fa}[dir=rtl] .navbar-content{margin-right:1rem;margin-left:0}[dir=rtl] .user-menu-dropdown{right:1rem;left:1rem}}@media (max-width: 480px){.navbar-brand a span{display:none}.nav-link span{font-size:.9rem}}.nav-link:focus,.control-btn:focus,.user-menu-toggle:focus,.auth-link:focus{outline:2px solid #3b82f6;outline-offset:2px}.navbar.loading{pointer-events:none;opacity:.7}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-down{animation:slideDown .3s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}[dir=rtl] *{font-family:var(--font-arabic)!important}[dir=rtl] .fa,[dir=rtl] .fas,[dir=rtl] .far,[dir=rtl] .fal,[dir=rtl] .fab{font-family:"Font Awesome 6 Free","Font Awesome 5 Free",FontAwesome,sans-serif!important;font-weight:900!important}[dir=rtl] body{font-family:var(--font-arabic)!important;line-height:1.8;letter-spacing:.01em;text-align:right}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{font-family:var(--font-arabic)!important;font-weight:600;line-height:1.6;letter-spacing:.02em;text-align:right}[dir=rtl] p,[dir=rtl] span,[dir=rtl] div{font-family:var(--font-arabic)!important;line-height:1.8;text-align:right}[dir=rtl] button{font-family:var(--font-arabic)!important;font-weight:500}[dir=rtl] .btn{direction:rtl;text-align:center}[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select{font-family:var(--font-arabic);text-align:right;direction:rtl}[dir=rtl] input::placeholder,[dir=rtl] textarea::placeholder{text-align:right;direction:rtl}@media (min-width: 769px){[dir=rtl] .navbar-nav{flex-direction:row-reverse}}@media (min-width: 769px){[dir=rtl] .nav-link{flex-direction:row-reverse;text-align:right;justify-content:flex-end}}@media (max-width: 768px){[dir=rtl] .navbar-nav{flex-direction:column!important}[dir=rtl] .nav-link{flex-direction:row-reverse!important;justify-content:flex-start!important;text-align:left!important;width:100%!important}}[dir=rtl] .user-menu-dropdown{right:auto;left:0}[dir=rtl] .card,[dir=rtl] .card-header,[dir=rtl] .card-body,[dir=rtl] .card-footer{text-align:right}[dir=rtl] .icon-left{order:2;margin-left:.5rem;margin-right:0}[dir=rtl] .icon-right{order:1;margin-right:.5rem;margin-left:0}[dir=rtl] .flex-row{flex-direction:row-reverse}[dir=rtl] .justify-start{justify-content:flex-end}[dir=rtl] .justify-end{justify-content:flex-start}[dir=rtl] .ml-auto{margin-left:0;margin-right:auto}[dir=rtl] .mr-auto{margin-right:0;margin-left:auto}[dir=rtl] .pl-3{padding-left:0;padding-right:1rem}[dir=rtl] .pr-3{padding-right:0;padding-left:1rem}[dir=rtl] table{direction:rtl}[dir=rtl] th,[dir=rtl] td{text-align:right}[dir=rtl] .table-responsive,[dir=rtl] .dashboard-grid{direction:rtl}[dir=rtl] .stat-card{text-align:right}[dir=rtl] .stat-card .icon{order:2}[dir=rtl] .stat-card .content{order:1;text-align:right}[dir=rtl] .chart-container{direction:ltr}[dir=rtl] .chart-legend{direction:rtl;text-align:right}[dir=rtl] .dropdown-menu{right:0;left:auto;text-align:right}[dir=rtl] .modal-header,[dir=rtl] .modal-body,[dir=rtl] .modal-footer,[dir=rtl] .form-group{text-align:right}[dir=rtl] .form-label{text-align:right;display:block}[dir=rtl] .form-row{flex-direction:row-reverse}[dir=rtl] .search-box{direction:rtl;text-align:right}[dir=rtl] .search-icon{right:auto;left:1rem}@media (max-width: 768px){[dir=rtl] .mobile-menu{text-align:right}[dir=rtl] .mobile-nav{direction:rtl}}[dir=rtl] .number,[dir=rtl] .counter,[dir=rtl] .stat-value{font-family:Cairo,sans-serif;direction:ltr;unicode-bidi:embed}[dir=rtl] .loading-spinner{direction:ltr}[dir=rtl] .notification,[dir=rtl] .alert{text-align:right}[dir=rtl] .notification .close-btn{right:auto;left:1rem}:root{--primary: #4361ee;--primary-light: #6780fa;--primary-dark: #3a56d4;--secondary: #7209b7;--accent: #f72585;--success: #02c39a;--warning: #ffbd00;--danger: #e5383b;--info: #90e0ef;--gray-100: #f8f9fa;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #6c757d;--gray-700: #495057;--gray-800: #343a40;--gray-900: #212529;--bg-primary: rgba(255, 255, 255, .95);--bg-secondary: rgba(248, 249, 250, .9);--bg-accent: rgba(67, 97, 238, .05);--border-light: rgba(222, 226, 230, .7);--font-primary: "Plus Jakarta Sans", "Cairo", system-ui, sans-serif;--font-secondary: "Inter", "Noto Sans Arabic", sans-serif;--font-arabic: "Cairo", "Noto Sans Arabic", "Plus Jakarta Sans", "Segoe UI", Tahoma, Arial, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-xxl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-muted: var(--gray-600);--text-light: #ffffff;--text-dark: var(--gray-900);--primary-rgb: 67, 97, 238;--secondary-rgb: 114, 9, 183;--accent-rgb: 247, 37, 133;--success-rgb: 2, 195, 154;--warning-rgb: 255, 189, 0;--danger-rgb: 229, 56, 59;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root.dark-theme{--primary: #6C7CE7;--primary-light: #8F9DFF;--primary-dark: #4963DF;--secondary: #A855F7;--accent: #F472B6;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--info: #06B6D4;--bg-primary: rgba(15, 15, 15, .98);--bg-secondary: rgba(25, 25, 25, .95);--bg-accent: rgba(108, 124, 231, .12);--border-light: rgba(255, 255, 255, .12);--gray-100: #0f0f0f;--gray-200: #1a1a1a;--gray-300: #2d2d2d;--gray-400: #404040;--gray-500: #5a5a5a;--gray-600: #737373;--gray-700: #8c8c8c;--gray-800: #a6a6a6;--gray-900: #e5e5e5;--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--text-light: #ffffff;--text-dark: #0f0f0f;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .4);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .15);--glass-highlight: rgba(255, 255, 255, .25);--neon-primary: 0 0 20px rgba(108, 124, 231, .5);--neon-secondary: 0 0 20px rgba(168, 85, 247, .5);--neon-accent: 0 0 20px rgba(244, 114, 182, .5);--scrollbar-track: rgba(255, 255, 255, .1);--scrollbar-thumb: rgba(255, 255, 255, .2);--scrollbar-thumb-hover: rgba(255, 255, 255, .3)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-primary);line-height:1.6;color:var(--gray-800);background-color:var(--gray-100);margin:0;min-height:100vh;position:relative;overflow-x:hidden}:root.dark-theme body{background-color:var(--gray-100);color:var(--text-primary)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 20%,rgba(67,97,238,.07) 0%,transparent 25%),radial-gradient(circle at 85% 30%,rgba(114,9,183,.07) 0%,transparent 25%),radial-gradient(circle at 35% 75%,rgba(247,37,133,.07) 0%,transparent 25%),radial-gradient(circle at 65% 85%,rgba(2,195,154,.07) 0%,transparent 25%);z-index:-1;pointer-events:none}:root.dark-theme body:before{background:radial-gradient(circle at 15% 20%,rgba(108,124,231,.15) 0%,transparent 30%),radial-gradient(circle at 85% 30%,rgba(168,85,247,.15) 0%,transparent 30%),radial-gradient(circle at 35% 75%,rgba(244,114,182,.15) 0%,transparent 30%),radial-gradient(circle at 65% 85%,rgba(16,185,129,.15) 0%,transparent 30%)}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 90% 10%,var(--primary-light) 0%,transparent .5%),radial-gradient(circle at 10% 80%,var(--secondary) 0%,transparent .5%),radial-gradient(circle at 50% 50%,var(--accent) 0%,transparent .2%),radial-gradient(circle at 80% 60%,var(--success) 0%,transparent .3%);filter:blur(100px);opacity:.2;z-index:-2;pointer-events:none}:root.dark-theme body:after{background-image:radial-gradient(circle at 90% 10%,var(--primary-light) 0%,transparent .4%),radial-gradient(circle at 10% 80%,var(--secondary) 0%,transparent .4%),radial-gradient(circle at 50% 50%,var(--accent) 0%,transparent .3%),radial-gradient(circle at 80% 60%,var(--success) 0%,transparent .3%);filter:blur(120px);opacity:.15}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:700;line-height:1.2;margin-bottom:var(--space-md);color:var(--gray-900)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:var(--space-md)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}:root.dark-theme a{color:var(--primary-light)}:root.dark-theme a:hover{color:var(--primary)}button{font-family:var(--font-primary);font-weight:500;border-radius:var(--radius-md);border:none;padding:.7em 1.4em;font-size:1rem;cursor:pointer;transition:all var(--transition-fast);background-color:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;z-index:1}button:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:#ffffff1a;transition:width var(--transition-normal);z-index:-1}button:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-dark),.25)}button:hover:before{width:100%}button:focus,button:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}button:active{transform:translateY(0)}:root.dark-theme button{background-color:var(--primary);color:var(--text-light);border:1px solid rgba(255,255,255,.1)}:root.dark-theme button:hover{background-color:var(--primary-dark);box-shadow:0 6px 20px rgba(var(--primary-rgb),.3)}:root.dark-theme button:focus,:root.dark-theme button:focus-visible{outline:2px solid var(--primary-light)}:root.dark-theme{--scrollbar-track: rgba(255, 255, 255, .1);--scrollbar-thumb: rgba(255, 255, 255, .2);--scrollbar-thumb-hover: rgba(255, 255, 255, .3)}:root.dark-theme ::-webkit-scrollbar{width:8px;height:8px}:root.dark-theme ::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}:root.dark-theme ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;transition:background var(--transition-fast)}:root.dark-theme ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}:root.dark-theme h1,:root.dark-theme h2,:root.dark-theme h3,:root.dark-theme h4,:root.dark-theme h5,:root.dark-theme h6{color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.3)}:root.dark-theme p{color:var(--text-secondary)}:root.dark-theme ::selection{background:rgba(var(--primary-rgb),.3);color:var(--text-primary)}:root.dark-theme ::-moz-selection{background:rgba(var(--primary-rgb),.3);color:var(--text-primary)}:root.dark-theme *:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--primary-rgb),.2)}:root.dark-theme .card,:root.dark-theme .panel,:root.dark-theme .container{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}:root.dark-theme input,:root.dark-theme textarea,:root.dark-theme select{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:var(--text-primary);transition:all var(--transition-fast)}:root.dark-theme input:focus,:root.dark-theme textarea:focus,:root.dark-theme select:focus{background:#ffffff14;border-color:var(--primary-light);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2)}:root.dark-theme input::placeholder,:root.dark-theme textarea::placeholder{color:var(--text-muted);opacity:.8}:root.dark-theme button{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--text-light);border:1px solid var(--glass-border);box-shadow:0 4px 15px rgba(var(--primary-rgb),.2)}:root.dark-theme button:hover{background:linear-gradient(135deg,var(--primary-light),var(--primary));box-shadow:0 6px 20px rgba(var(--primary-rgb),.3);transform:translateY(-2px)}:root.dark-theme table{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root.dark-theme th{background:#ffffff1a;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.3)}:root.dark-theme td{color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.1)}:root.dark-theme tr:hover{background:#ffffff0d}:root.dark-theme .modal-backdrop{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root.dark-theme .modal-content{background:var(--bg-primary);border:1px solid var(--glass-border);box-shadow:0 20px 25px -5px #00000080}:root.dark-theme .badge,:root.dark-theme .tag{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary)}:root.dark-theme .alert-success{background:#10b98133;border:1px solid var(--success);color:var(--success)}:root.dark-theme .alert-warning{background:#f59e0b33;border:1px solid var(--warning);color:var(--warning)}:root.dark-theme .alert-danger{background:#ef444433;border:1px solid var(--danger);color:var(--danger)}:root.dark-theme .alert-info{background:#06b6d433;border:1px solid var(--info);color:var(--info)}:root.dark-theme .tooltip{background:#000000e6;color:var(--text-light);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg)}:root.dark-theme .dropdown-menu{background:var(--bg-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--shadow-xl)}:root.dark-theme .dropdown-item{color:var(--text-secondary);transition:all var(--transition-fast)}:root.dark-theme .dropdown-item:hover{background:#ffffff1a;color:var(--text-primary)}:root.dark-theme code,:root.dark-theme pre{background:#0006;color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}:root.dark-theme a{color:var(--primary-light);text-decoration:none;transition:all var(--transition-fast)}:root.dark-theme a:hover{color:var(--primary);text-shadow:0 0 8px rgba(var(--primary-rgb),.5)}:root.dark-theme a:visited{color:var(--secondary)}:root.dark-theme hr{border-color:#ffffff1a;background:linear-gradient(90deg,transparent,var(--glass-border),transparent)}@media (max-width: 768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}}:root[dir=rtl] body{font-family:var(--font-primary),"Cairo","Tajawal",sans-serif}:root[dir=rtl] h1,:root[dir=rtl] h2,:root[dir=rtl] h3,:root[dir=rtl] h4,:root[dir=rtl] h5,:root[dir=rtl] h6{text-align:right}[dir=rtl] .navbar-container{direction:rtl!important}@media (min-width: 769px){[dir=rtl] .navbar-nav{flex-direction:row!important}}@media (max-width: 768px){[dir=rtl] .navbar-nav{flex-direction:column!important}}[dir=rtl] .navbar-right{flex-direction:row-reverse!important}@media (min-width: 769px){[dir=rtl] .nav-link{text-align:right!important;flex-direction:row-reverse!important}}@media (max-width: 768px){[dir=rtl] .nav-link{text-align:left!important;flex-direction:row-reverse!important;justify-content:flex-start!important;width:100%!important}}[dir=rtl] .nav-link i{margin-right:0!important;margin-left:.5rem!important}[dir=rtl] .user-menu-toggle{flex-direction:row-reverse!important}[dir=rtl] .admin-badge{margin-left:0!important;margin-right:.5rem!important}[dir=rtl] table,[dir=rtl] th,[dir=rtl] td,[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select,[dir=rtl] .user-card,[dir=rtl] .device-card,[dir=rtl] .user-info,[dir=rtl] .device-info{text-align:right!important}[dir=rtl] .user-actions,[dir=rtl] .device-actions{justify-content:flex-start!important}.language-toggle{min-width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important}.language-text{font-weight:600!important;font-size:.9rem!important;color:var(--primary)!important}:root.dark-theme{--success-light: #34D399;--warning-light: #FBBF24;--danger-light: #F87171;--info-light: #38BDF8;--shadow-glow: 0 0 30px rgba(var(--primary-rgb), .15);--shadow-dark: 0 25px 50px -12px rgba(0, 0, 0, .6)}:root.dark-theme *::-webkit-scrollbar{width:8px;height:8px}:root.dark-theme *::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}:root.dark-theme *::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;border:2px solid transparent;background-clip:content-box}:root.dark-theme *::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:content-box}:root.dark-theme .language-text{color:var(--primary-light)!important}:root.dark-theme .theme-toggle,:root.dark-theme .language-toggle{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;color:var(--text-light)!important}:root.dark-theme .theme-toggle:hover,:root.dark-theme .language-toggle:hover{background:#ffffff1a!important;border-color:var(--primary-light)!important;color:var(--primary-light)!important}:root.dark-theme input:focus,:root.dark-theme textarea:focus,:root.dark-theme select:focus,:root.dark-theme button:focus{outline:2px solid var(--primary-light)!important;outline-offset:2px!important;box-shadow:0 0 0 4px rgba(var(--primary-rgb),.2)!important}:root.dark-theme .modal,:root.dark-theme .modal-overlay{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important}:root.dark-theme .container,:root.dark-theme .section,:root.dark-theme .panel,:root.dark-theme .wrapper{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;color:var(--text-primary)!important}:root.dark-theme h1,:root.dark-theme h2,:root.dark-theme h3,:root.dark-theme h4,:root.dark-theme h5,:root.dark-theme h6{color:var(--text-primary)!important}:root.dark-theme label,:root.dark-theme .label,:root.dark-theme .description,:root.dark-theme .note{color:var(--text-secondary)!important}:root.dark-theme .status-online,:root.dark-theme .status-connected,:root.dark-theme .status-active{background:#10b98133!important;color:var(--success)!important;border:1px solid var(--success)!important}:root.dark-theme .status-offline,:root.dark-theme .status-disconnected,:root.dark-theme .status-inactive{background:#ef444433!important;color:var(--danger)!important;border:1px solid var(--danger)!important}:root.dark-theme .status-warning,:root.dark-theme .status-pending{background:#f59e0b33!important;color:var(--warning)!important;border:1px solid var(--warning)!important}.dashboard-container{width:100%;max-width:1200px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.dashboard-header h2{margin-bottom:0;font-weight:700;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.refresh-button{display:flex;align-items:center;gap:.5rem;background-color:var(--gray-100);color:var(--primary);border:1px solid var(--primary);padding:.5rem 1rem;border-radius:var(--radius-full);transition:all var(--transition-fast)}.refresh-button:hover{background-color:var(--primary);color:#fff}.refresh-button i{transition:transform var(--transition-fast)}.refresh-button.refreshing i{animation:spin 1s linear infinite}.dashboard-overview{margin-bottom:var(--space-lg)}.overview-header{display:flex;justify-content:space-between;align-items:center}.last-updated{color:var(--gray-600);font-size:.9rem;margin-top:.25rem;display:flex;align-items:center;gap:.5rem}.status-badge{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--success);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-full);font-weight:500;font-size:.9rem}.status-badge.online{background:#02c39a26;color:#059669;border:1px solid rgba(2,195,154,.3);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.status-badge.warning{background:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.3);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1);animation:pulse-warning 2s infinite}.status-badge.offline{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}@keyframes pulse-warning{0%,to{transform:scale(1);box-shadow:0 2px 8px #f59e0b33}50%{transform:scale(1.02);box-shadow:0 4px 15px #f59e0b66}}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-lg);align-items:stretch}.data-card{display:flex;align-items:center;height:100%;padding:var(--space-lg);transition:all var(--transition-normal);position:relative;overflow:hidden;border-left:4px solid transparent}.data-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff0,#fff3);opacity:0;transition:opacity var(--transition-normal)}.data-card:hover:before{opacity:1}.data-card.status-normal{border-left-color:var(--success)}.data-card.status-warning{border-left-color:var(--warning)}.data-card.status-high,.data-card.status-low{border-left-color:var(--danger)}.data-card.status-high{display:flex!important;opacity:1!important;visibility:visible!important}.card-icon{font-size:2.5rem;margin-right:var(--space-lg);display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:20px;position:relative;overflow:hidden;z-index:1}.card-icon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--primary),.1),rgba(var(--secondary),.1));z-index:-1}.status-normal .card-icon{color:var(--success)}.status-normal .card-icon:before{background:linear-gradient(135deg,#02c39a1a,#02c39a33)}.status-warning .card-icon{color:var(--warning)}.status-warning .card-icon:before{background:linear-gradient(135deg,#ffbd001a,#ffbd0033)}.status-high .card-icon,.status-low .card-icon{color:var(--danger)}.status-high .card-icon:before,.status-low .card-icon:before{background:linear-gradient(135deg,#e5383b1a,#e5383b33)}.reading-value{font-size:2rem;font-weight:700;margin:.25rem 0;color:var(--gray-900);display:inline-block;position:relative}.status-text{font-size:.9rem;margin:0;font-weight:500;padding:.3rem .8rem;border-radius:var(--radius-full);display:inline-block}.status-normal .status-text{color:#fff;background-color:var(--success)}.status-warning .status-text{color:var(--gray-900);background-color:var(--warning)}.status-high .status-text,.status-low .status-text{color:#fff;background-color:var(--danger)}.recommendations{padding:var(--space-lg);margin-bottom:var(--space-lg);position:relative;border-left:4px solid var(--warning)}.recommendations h3{display:flex;align-items:center;gap:.75rem;color:var(--gray-800);margin-bottom:var(--space-md);font-size:1.1rem}.recommendations h3 i{color:var(--warning);font-size:1.4rem}.recommendations-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md)}.recommendations-list li{position:relative;padding:1rem 1rem 1rem 3rem;margin-bottom:.5rem;line-height:1.5;background-color:#fff9;border-radius:var(--radius-md);box-shadow:0 2px 10px #0000000d;transition:all var(--transition-fast);border:1px solid var(--border-light)}.recommendations-list li:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000014;background-color:#ffffffe6}.recommendations-list li:before{content:"→";position:absolute;left:1rem;top:1rem;color:var(--primary);font-weight:700;font-size:1.2rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:rgba(var(--primary),.1);border-radius:50%}.error-container,.no-data-container{text-align:center;padding:var(--space-xl);margin:2rem auto;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.error-container i,.no-data-container i{font-size:3rem;color:var(--danger);margin-bottom:var(--space-md)}.no-data-container i{color:var(--gray-500)}.dashboard-subtitle{color:var(--gray-600);margin:0;font-size:1rem}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-lg);margin-bottom:var(--space-lg);padding:var(--space-lg)}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-bottom:0}.stat-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffffb3;border-radius:var(--radius-md);transition:all .3s ease}.stat-item:hover{background:#ffffffe6;transform:translateY(-2px)}.stat-item i{font-size:1.5rem;color:var(--primary-color);width:32px;text-align:center}.stat-value{font-size:1.8rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:500;margin-top:.25rem}.device-section{margin-bottom:var(--space-xl);padding:var(--space-lg);border-radius:var(--radius-lg);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a}.device-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid rgba(255,255,255,.1)}.device-info h3{margin:0 0 var(--space-sm) 0;color:var(--gray-900);font-size:1.4rem;font-weight:600;display:flex;align-items:center;gap:var(--space-sm)}.device-info h3 i{color:var(--primary);font-size:1.2rem}.device-meta{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-sm)}.device-id,.device-location,.device-timestamp{font-size:.9rem;color:var(--gray-600);display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:#ffffff1a;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.2)}.device-id{background:rgba(var(--primary),.1);color:var(--primary);border-color:rgba(var(--primary),.3);font-weight:500}.device-location i{color:var(--secondary)}.device-timestamp i{color:var(--gray-500)}.card-content h4,.card-content h3{margin:0 0 var(--space-sm) 0;color:var(--gray-800);font-size:1.1rem;font-weight:600}.recommendations h4{display:flex;align-items:center;gap:.75rem;color:var(--gray-800);margin-bottom:var(--space-md);font-size:1.1rem;font-weight:600}.recommendations h4 i{color:var(--warning);font-size:1.4rem}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.refresh-button{align-self:flex-end}.overview-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.status-badge{margin-top:var(--space-sm)}.data-card{flex-direction:column;text-align:center}.card-icon{margin-right:0;margin-bottom:var(--space-md)}.device-section{padding:var(--space-md);margin-bottom:var(--space-lg)}.device-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.device-info h3{font-size:1.2rem}.device-meta{flex-direction:column;gap:var(--space-sm)}.device-id,.device-location,.device-timestamp{font-size:.8rem}}.fade-in{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease-out forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.glass-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000001a;transition:all var(--transition-normal)}.glass-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026;background:#ffffff26}:root.dark-theme .dashboard-header h2{background:linear-gradient(90deg,var(--primary-light),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}:root.dark-theme .refresh-button{background-color:#ffffff1a;color:var(--primary-light);border:1px solid var(--primary-light)}:root.dark-theme .refresh-button:hover{background-color:var(--primary-light);color:var(--text-dark)}:root.dark-theme .last-updated{color:var(--text-muted)}:root.dark-theme .status-badge{background-color:var(--success);color:var(--text-dark)}:root.dark-theme .status-badge.online{background:#10b98133;color:var(--success);border:1px solid rgba(16,185,129,.4);box-shadow:0 0 10px #10b9814d}:root.dark-theme .status-badge.warning{background:#f59e0b33;color:var(--warning);border:1px solid rgba(245,158,11,.4);box-shadow:0 0 10px #f59e0b4d;animation:pulse-warning-dark 2s infinite}:root.dark-theme .status-badge.offline{background:#ef444433;color:var(--danger);border:1px solid rgba(239,68,68,.4);box-shadow:0 0 10px #ef44444d}@keyframes pulse-warning-dark{0%,to{box-shadow:0 0 10px #f59e0b4d;transform:scale(1)}50%{box-shadow:0 0 20px #f59e0b99;transform:scale(1.02)}}:root.dark-theme .data-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root.dark-theme .data-card:hover{background:#ffffff14;border-color:var(--primary-light);box-shadow:0 8px 32px rgba(var(--primary-rgb),.2)}:root.dark-theme .data-card-icon{background:linear-gradient(135deg,var(--primary-light),var(--secondary))}:root.dark-theme .data-card-content h3{color:var(--text-primary)}:root.dark-theme .data-card-content .value{color:var(--text-primary)}:root.dark-theme .data-card-content .unit{color:var(--text-muted)}:root.dark-theme .data-card-content .trend{color:var(--text-secondary)}:root.dark-theme .charts-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}:root.dark-theme .charts-section h3{color:var(--text-primary)}:root.dark-theme .recent-activities{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}:root.dark-theme .recent-activities h3{color:var(--text-primary)}:root.dark-theme .activity-item{border-bottom:1px solid rgba(255,255,255,.1)}:root.dark-theme .activity-item:last-child{border-bottom:none}:root.dark-theme .activity-time{color:var(--text-muted)}:root.dark-theme .activity-text{color:var(--text-secondary)}:root.dark-theme .quick-actions .action-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}:root.dark-theme .quick-actions .action-card:hover{background:#ffffff14;border-color:var(--primary-light)}:root.dark-theme .quick-actions .action-card h4{color:var(--text-primary)}:root.dark-theme .quick-actions .action-card p{color:var(--text-muted)}:root.dark-theme .system-status .status-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}:root.dark-theme .system-status .status-item .status-label{color:var(--text-secondary)}:root.dark-theme .system-status .status-item .status-value{color:var(--text-primary)}:root.dark-theme .recommendations{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-left:4px solid var(--warning);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root.dark-theme .recommendations h3,:root.dark-theme .recommendations h4{color:var(--text-primary)}:root.dark-theme .recommendations h3 i,:root.dark-theme .recommendations h4 i{color:var(--warning)}:root.dark-theme .recommendations-list li{background-color:#ffffff14;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary)}:root.dark-theme .recommendations-list li:hover{background-color:#ffffff1f;border-color:var(--primary-light);color:var(--text-primary)}:root.dark-theme .recommendations-list li:before{color:var(--primary-light);background-color:rgba(var(--primary-rgb),.2)}:root.dark-theme .dashboard-overview{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root.dark-theme .overview-header h3{color:var(--text-primary)}:root.dark-theme .dashboard-subtitle{color:var(--text-muted)}:root.dark-theme .status-indicator{color:var(--text-primary)}:root.dark-theme .stat-item{background:#ffffff14;border:1px solid rgba(255,255,255,.1)}:root.dark-theme .stat-item:hover{background:#ffffff1f;border-color:var(--primary-light)}:root.dark-theme .stat-item i{color:var(--primary-light)}:root.dark-theme .stat-value{color:var(--text-primary)}:root.dark-theme .stat-label{color:var(--text-secondary)}@media (max-width: 768px){:root.dark-theme .dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}:root.dark-theme .data-grid{grid-template-columns:1fr}}[dir=rtl] .dashboard-container{direction:rtl}[dir=rtl] .dashboard-header{flex-direction:row-reverse;text-align:right}[dir=rtl] .dashboard-header h2{text-align:right}[dir=rtl] .refresh-button{flex-direction:row-reverse}[dir=rtl] .refresh-button i{margin-left:.5rem;margin-right:0}[dir=rtl] .data-grid{direction:rtl}[dir=rtl] .stats-card{text-align:right}[dir=rtl] .stats-card .card-content{direction:rtl;align-items:flex-end}[dir=rtl] .stats-card .icon-container{order:2;margin-left:0;margin-right:1rem}[dir=rtl] .stats-card .content{order:1;text-align:right}[dir=rtl] .stats-card .stat-number,[dir=rtl] .stats-card .stat-label{text-align:right}[dir=rtl] .stats-card .stat-change{justify-content:flex-end}[dir=rtl] .stats-card .change-icon{order:2;margin-left:.25rem;margin-right:0}[dir=rtl] .sensor-cards{direction:rtl}[dir=rtl] .sensor-card{text-align:right}[dir=rtl] .sensor-header{flex-direction:row-reverse}[dir=rtl] .sensor-header .sensor-icon{order:2;margin-left:0;margin-right:1rem}[dir=rtl] .sensor-header .sensor-info{order:1;text-align:right}[dir=rtl] .sensor-value{text-align:right}[dir=rtl] .sensor-value .value{direction:ltr;unicode-bidi:embed}[dir=rtl] .sensor-status{justify-content:flex-end}[dir=rtl] .sensor-status .status-indicator{order:2;margin-left:.5rem;margin-right:0}[dir=rtl] .sensor-status .status-text{order:1}[dir=rtl] .recent-data,[dir=rtl] .recent-data .data-item{text-align:right}[dir=rtl] .data-item .timestamp{text-align:left;direction:ltr}[dir=rtl] .quick-actions{direction:rtl}[dir=rtl] .action-card{text-align:right}[dir=rtl] .action-card .action-icon{order:2;margin-left:0;margin-right:1rem}[dir=rtl] .action-card .action-content{order:1;text-align:right}[dir=rtl] .system-status{direction:rtl}[dir=rtl] .status-item{text-align:right}[dir=rtl] .status-item .status-icon{order:2;margin-left:0;margin-right:1rem}[dir=rtl] .status-item .status-content{order:1;text-align:right}[dir=rtl] .status-value{direction:ltr;unicode-bidi:embed}[dir=rtl] .error-container{text-align:right}@media (max-width: 768px){[dir=rtl] .dashboard-header{flex-direction:column;align-items:flex-end}[dir=rtl] .data-grid{direction:rtl}[dir=rtl] .stats-card .card-content{flex-direction:column;align-items:flex-end}[dir=rtl] .stats-card .icon-container{order:1;margin:0 0 1rem}[dir=rtl] .stats-card .content{order:2}[dir=rtl] .sensor-card .sensor-header{flex-direction:column;align-items:flex-end}[dir=rtl] .sensor-header .sensor-icon{order:1;margin:0 0 .5rem}[dir=rtl] .sensor-header .sensor-info{order:2}}.connection-status{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:500;margin-left:1rem}.connection-status.online{background:#02c39a26;color:var(--success);border:1px solid rgba(2,195,154,.3)}.connection-status.offline{background:#e5383b26;color:var(--danger);border:1px solid rgba(229,56,59,.3)}.last-activity{font-size:.85rem;padding:.25rem .5rem;border-radius:var(--radius-sm)}.last-activity.online{color:var(--success)}.last-activity.offline{color:var(--danger);font-weight:600}.connection-summary{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.connection-stats{display:flex;gap:2rem}.connection-stat{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500}.connection-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.connection-stat.online .connection-dot{background:var(--success);box-shadow:0 0 6px #02c39a80}.connection-stat.offline .connection-dot{background:var(--danger);box-shadow:0 0 6px #e5383b80}.connection-stat.warning,.connection-status.warning,.last-activity.warning{display:none}:root.dark-theme .connection-status.online{background:#02c39a33;border-color:#02c39a66}:root.dark-theme .connection-status.offline{background:#e5383b33;border-color:#e5383b66}@media (max-width: 768px){.connection-summary{flex-direction:column;gap:1rem;text-align:center}.connection-stats{gap:1rem}.stats-overview{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-item{padding:.75rem}.stat-value{font-size:1.5rem}}@media (max-width: 480px){.stats-overview{grid-template-columns:1fr}.connection-stats{flex-direction:column;gap:.5rem}}.device-controls{display:flex;gap:var(--space-sm);align-items:center}.device-settings-btn,.device-restart-btn,.device-scd41-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-md);border:1px solid;font-size:.9rem;font-weight:500;transition:all var(--transition-fast);cursor:pointer;text-decoration:none;white-space:nowrap}.device-settings-btn{background-color:var(--gray-100);color:var(--primary);border-color:var(--primary)}.device-settings-btn:hover{background-color:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.device-restart-btn{background-color:#f8f9fa;color:#dc3545;border-color:#dc3545}.device-restart-btn:hover:not(:disabled){background-color:#dc3545;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.device-restart-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.device-restart-btn.restarting{background-color:#ffc107;color:#212529;border-color:#ffc107}.device-restart-btn i{font-size:.9rem}.device-scd41-btn{background-color:#e3f2fd;color:#1976d2;border-color:#1976d2}.device-scd41-btn:hover:not(:disabled){background-color:#1976d2;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #1976d24d}.device-scd41-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.device-scd41-btn.resetting{background-color:#ff9800;color:#212529;border-color:#ff9800}.device-scd41-btn i{font-size:.9rem}@media (max-width: 768px){.device-controls{flex-direction:column;gap:.5rem;width:100%}.device-settings-btn,.device-restart-btn,.device-scd41-btn{width:100%;justify-content:center}.device-header{flex-direction:column;align-items:stretch;gap:var(--space-md)}}@media (max-width: 480px){.device-settings-btn,.device-restart-btn{padding:.75rem;font-size:.85rem}}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);margin:2rem auto;text-align:center;color:var(--gray-600)}.spinner{width:60px;height:60px;position:relative;margin-bottom:var(--space-md)}.spinner-inner{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:var(--primary);animation:spin 1s linear infinite}.spinner-inner:before,.spinner-inner:after{content:"";position:absolute;border-radius:50%;border:3px solid transparent}.spinner-inner:before{top:5px;left:5px;right:5px;bottom:5px;border-top-color:var(--secondary);animation:spin 2s linear infinite}.spinner-inner:after{top:15px;left:15px;right:15px;bottom:15px;border-top-color:var(--accent);animation:spin 1.5s linear infinite}.spinner-container p{font-size:1rem;font-weight:500;margin-top:var(--space-md);background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-text-emphasis-color:transparent;text-emphasis-color:transparent}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);gap:var(--space-md)}.loading-spinner{position:relative;width:60px;height:60px}.loading-spinner-container.small .loading-spinner{width:40px;height:40px}.loading-spinner-container.large .loading-spinner{width:80px;height:80px}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid var(--primary);border-radius:50%;animation:spin 1.2s linear infinite}.spinner-ring:nth-child(2){width:80%;height:80%;top:10%;left:10%;border-top-color:var(--secondary);animation-duration:1.5s;animation-direction:reverse}.spinner-ring:nth-child(3){width:60%;height:60%;top:20%;left:20%;border-top-color:var(--accent);animation-duration:.8s}.loading-text{color:var(--gray-600);font-size:.9rem;font-weight:500;margin:0;text-align:center}.loading-spinner-container.small .loading-text{font-size:.8rem}.loading-spinner-container.large .loading-text{font-size:1rem}:root.dark-theme .spinner-container{color:var(--text-muted)}:root.dark-theme .spinner-text{color:var(--text-secondary)}:root.dark-theme .spinner-inner{border-top-color:var(--primary-light)}:root.dark-theme .spinner-inner:before{border-top-color:var(--secondary)}:root.dark-theme .spinner-inner:after{border-top-color:var(--accent)}:root.dark-theme .dots-spinner .dot{background-color:var(--primary-light)}:root.dark-theme .dots-spinner .dot:nth-child(1){background-color:var(--primary-light)}:root.dark-theme .dots-spinner .dot:nth-child(2){background-color:var(--secondary)}:root.dark-theme .dots-spinner .dot:nth-child(3){background-color:var(--accent)}:root.dark-theme .pulse-spinner{background:linear-gradient(45deg,var(--primary-light),var(--secondary),var(--accent))}:root.dark-theme .wave-spinner .wave-bar{background:linear-gradient(to top,var(--primary-light),var(--secondary))}:root.dark-theme .loading-overlay{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root.dark-theme .loading-content{background:var(--bg-primary);border:1px solid rgba(255,255,255,.1);color:var(--text-primary)}:root.dark-theme .loading-progress{background:#ffffff1a}:root.dark-theme .loading-progress-bar{background:linear-gradient(90deg,var(--primary-light),var(--secondary))}:root.dark-theme .loading-message{color:var(--text-secondary)}:root.dark-theme .loading-submessage{color:var(--text-muted)}.alert-card{background:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000000d;margin-bottom:var(--space-lg);overflow:hidden;transition:all var(--transition-normal);position:relative;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:fadeInScale .5s ease-out;z-index:1!important}.alert-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001a}.dashboard-alert-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;position:relative;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);box-shadow:0 2px 10px #0000001a}.dashboard-alert-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.dashboard-alert-header i,.dashboard-alert-header h3{font-size:1.2rem;margin-right:.5rem}.dashboard-alert-header h3{margin:0;font-size:1.1rem;font-weight:600;display:flex;align-items:center}.alert-count{background:#fff3;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:700;min-width:24px;text-align:center;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);animation:pulse 2s infinite}.alert-body{padding:0}.alert-loading{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl);color:var(--gray-600)}.alert-loading i{font-size:2rem;margin-bottom:1rem;color:var(--primary)}.no-alerts{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl);color:var(--success);animation:bounceIn .6s ease-out}.no-alerts i{font-size:2.5rem;margin-bottom:1rem;color:var(--success)}.alert-list{max-height:300px;overflow-y:auto;transition:opacity .3s ease-in-out}.alert-item{display:flex;align-items:flex-start;gap:1rem;padding:var(--space-lg);border-bottom:1px solid rgba(0,0,0,.05);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.alert-item:last-child{border-bottom:none}.alert-item:hover{background:#00000005}.alert-item.critical{border-left:4px solid var(--danger);background:#e5383b05}.alert-item.warning{border-left:4px solid var(--warning);background:#ffbd0005}.alert-item.info{border-left:4px solid var(--info);background:#90e0ef05}.alert-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex-shrink:0;margin-top:2px;transition:all .3s ease;position:relative}.alert-content{flex:1;min-width:0;transition:all .3s ease}.alert-device{font-weight:600;color:var(--gray-800);margin-bottom:.25rem;font-size:.9rem;position:relative;display:inline-block}.alert-message{color:var(--gray-600);font-size:.85rem;line-height:1.4;margin-bottom:.5rem}.alert-time{color:var(--gray-500);font-size:.75rem;font-weight:500}.alert-more{padding:var(--space-md) var(--space-lg);background:#00000005;text-align:center;border-top:1px solid rgba(0,0,0,.05)}.alert-more p{margin:0;color:var(--gray-600);font-size:.85rem;font-weight:500}.alert-item.connection{border-left:4px solid #e53e3e}.alert-item.connection .alert-icon{background:#e53e3e1a;color:#e53e3e}.alert-item.connection.warning{border-left-color:#ed8936}.alert-item.connection.warning .alert-icon{background:#ed89361a;color:#ed8936}.alert-item.connection .alert-message{font-weight:500}.alert-item.connection.critical{background:#e53e3e0d;animation:pulse-critical 2s infinite}@keyframes pulse-critical{0%,to{background:#e53e3e0d}50%{background:#e53e3e1a}}:root.dark-theme .alert-item.connection{background:#e53e3e14}:root.dark-theme .alert-item.connection.warning{background:#ed893614}:root.dark-theme .alert-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}:root.dark-theme .dashboard-alert-header{background:linear-gradient(135deg,var(--primary-light),var(--secondary))}:root.dark-theme .alert-item{border-bottom-color:#ffffff0d}:root.dark-theme .alert-item.critical{background:#e5383b0d}:root.dark-theme .alert-item.warning{background:#ffbd000d}:root.dark-theme .alert-item.info{background:#90e0ef0d}:root.dark-theme .alert-device{color:var(--text-primary)}:root.dark-theme .alert-message{color:var(--text-secondary)}:root.dark-theme .alert-time{color:var(--text-muted)}:root.dark-theme .alert-more{background:#ffffff05;border-top-color:#ffffff0d}:root.dark-theme .alert-more p{color:var(--text-secondary)}:root.dark-theme .no-alerts{color:var(--success)}:root.dark-theme .alert-loading{color:var(--text-muted)}.loading-spinner{font-size:.9rem;color:var(--primary-color);animation:spin 1s linear infinite}.alert-skeleton{padding:1rem}.skeleton-item{height:40px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:8px}.skeleton-item:last-child{margin-bottom:0}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}:root.dark-theme .skeleton-item{background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%}.alert-list{transition:opacity .3s ease-in-out}.alert-item{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}[dir=rtl] .dashboard-alert-header i{margin-right:0;margin-left:.5rem}[dir=rtl] .alert-item{flex-direction:row-reverse}[dir=rtl] .alert-item.critical,[dir=rtl] .alert-item.warning,[dir=rtl] .alert-item.info{border-left:none;border-right:4px solid}[dir=rtl] .alert-item.critical{border-right-color:var(--danger)}[dir=rtl] .alert-item.warning{border-right-color:var(--warning)}[dir=rtl] .alert-item.info{border-right-color:var(--info)}[dir=rtl] .alert-item.connection{border-left:none;border-right:4px solid #e53e3e}[dir=rtl] .alert-item.connection.warning{border-right-color:#ed8936}@media (max-width: 768px){.dashboard-alert-header{flex-direction:column;gap:.5rem;align-items:flex-start;text-align:left}.alert-item{padding:var(--space-md);gap:.75rem}.alert-icon{width:32px;height:32px}.alert-device{font-size:.85rem}.alert-message{font-size:.8rem}.alert-time{font-size:.7rem}}.alert-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:fadeInScale .5s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.alert-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.alert-count{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.alert-item{border-bottom:1px solid rgba(0,0,0,.03);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.alert-item:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--primary-rgb),.05));transition:width .3s ease}.alert-item:hover:before{width:100%}.alert-item:hover{background:rgba(var(--primary-rgb),.02);transform:translate(5px)}.alert-icon{transition:all .3s ease;position:relative}.alert-icon:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:currentColor;border-radius:50%;opacity:.2;transform:translate(-50%,-50%);transition:all .3s ease}.alert-item:hover .alert-icon:before{width:100%;height:100%}.alert-item:hover .alert-icon{transform:scale(1.1)}.alert-content{transition:all .3s ease}.alert-item:hover .alert-content{transform:translate(5px)}.alert-device{position:relative;display:inline-block}.alert-device:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary);transition:width .3s ease}.alert-item:hover .alert-device:after{width:100%}.no-alerts{animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root.dark-theme .alert-card{border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}:root.dark-theme .alert-item:hover{background:#ffffff0d}:root.dark-theme .alert-item:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1))}@media (max-width: 480px){.alert-card{margin:10px;border-radius:16px}.alert-header{padding:1rem;flex-direction:row;align-items:center}.dashboard-alert-header h3{font-size:1rem}.alert-count{padding:.2rem .6rem;font-size:.8rem}.alert-item{padding:.75rem}.alert-item:hover,.alert-item:hover .alert-content{transform:none}}.charts-section{width:100%;max-width:1800px;margin:0 auto;padding:var(--space-xl)}.charts-section h2.section-title{margin-bottom:var(--space-xxl);font-weight:800;font-size:2.5rem;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;position:relative}.charts-section h2.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:var(--radius-full)}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(700px,1fr));gap:var(--space-xxl);justify-content:center;align-items:stretch;width:100%;max-width:2000px;margin:0 auto}.chart-container{padding:var(--space-xl);min-height:800px;max-height:900px;display:flex;flex-direction:column;position:relative;transition:all var(--transition-normal);border-radius:var(--radius-lg);overflow:hidden;background:#fff;box-shadow:0 6px 30px #00000014;border:1px solid var(--border-light);cursor:pointer}.chart-container:hover{transform:translateY(-6px);box-shadow:0 16px 50px #0003;border-color:var(--primary)}.chart-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff0,#fff3);opacity:0;transition:opacity var(--transition-normal);z-index:0}.chart-container:hover:before{opacity:1}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl);position:relative;z-index:2;flex-wrap:wrap;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:2px solid var(--border-light);background:transparent}.chart-header h3{margin:0;font-weight:700;color:var(--gray-800);font-size:1.4rem;position:relative;display:inline-block;flex:1;min-width:200px;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chart-header h3:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:var(--radius-full);transition:width var(--transition-normal)}.chart-container:hover .chart-header h3:after{width:100%}.chart-controls{display:flex;align-items:center;gap:var(--space-sm);position:relative;z-index:2;flex-wrap:wrap;justify-content:flex-end;background:transparent}.time-range-select{padding:.5rem 2.5rem .5rem 1rem;border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:#fff;font-family:var(--font-primary);font-size:.85rem;font-weight:500;color:var(--gray-700);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236c757d'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.2rem;transition:all var(--transition-fast);cursor:pointer;min-width:120px}.time-range-select:hover,.time-range-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #4361ee1a;outline:none}.custom-range-fields{display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-accent);padding:var(--space-md);border-radius:var(--radius-md);margin-top:var(--space-md);box-shadow:0 2px 8px #0000000a;width:100%;flex-wrap:wrap;justify-content:center}.date-input{padding:.6rem 1rem;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.9rem;font-family:var(--font-primary);background:#fff;color:var(--gray-700);transition:border-color var(--transition-fast);min-width:140px}.date-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #4361ee1a}.custom-range-btn{padding:.4rem 1.2rem;border-radius:var(--radius-md);border:1px solid var(--primary);background:var(--primary-light);color:var(--text-dark);font-weight:500;font-size:.95rem;cursor:pointer;margin-left:var(--space-sm);transition:background var(--transition-fast),color var(--transition-fast)}.custom-range-btn.active,.custom-range-btn:hover{background:var(--primary);color:#fff}.apply-range-btn{padding:.4rem 1.2rem;border-radius:var(--radius-md);border:1px solid var(--primary);background:var(--primary);color:#fff;font-weight:500;font-size:.95rem;cursor:pointer;margin-left:var(--space-sm);transition:background var(--transition-fast),color var(--transition-fast)}.apply-range-btn:hover{background:var(--secondary);color:#fff}.chart-wrapper{flex:1;position:relative;height:600px;min-height:600px;max-height:700px;width:100%;z-index:1;background:#fcfcfd;border-radius:var(--radius-md);box-shadow:inset 0 1px 3px #0000000a;padding:20px;overflow:hidden}.chart-wrapper canvas{max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important}.chart-loading{display:flex;justify-content:center;align-items:center;height:400px}.chart-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);height:100%;min-height:400px;text-align:center;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 2px 12px #0000000a;border:1px solid var(--border-light)}.chart-no-data i{font-size:2.5rem;margin-bottom:var(--space-md);color:var(--gray-400);opacity:.8}.chart-no-data h4{font-size:1.1rem;font-weight:600;color:var(--gray-700);margin-bottom:var(--space-sm)}.chart-no-data p{font-size:.9rem;color:var(--gray-600);margin-bottom:var(--space-md);max-width:280px;line-height:1.4}.chart-no-data-info{display:flex;flex-direction:column;gap:var(--space-md);max-width:350px;width:100%}.chart-no-data-tip{background:var(--bg-accent);padding:var(--space-md);border-radius:var(--radius-md);text-align:left;border:1px solid var(--border-light)}.chart-no-data-tip h4{color:var(--primary);margin-bottom:var(--space-sm);font-size:.9rem}.chart-no-data-tip ul{padding-left:var(--space-md);margin:0}.chart-no-data-tip li{font-size:.8rem;margin-bottom:var(--space-xs);color:var(--gray-700);line-height:1.3}.chart-no-data-buttons{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;justify-content:center}.chart-no-data-buttons button{padding:.6rem 1.2rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);flex:1;min-width:140px;max-width:160px}.chart-no-data-buttons button:hover{background:var(--primary-dark);transform:translateY(-2px)}.chart-no-data button{padding:.6rem 1.2rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-sm)}.chart-no-data button:hover{background:var(--primary-dark);transform:translateY(-2px)}.device-analytics-title{margin-top:4rem;margin-bottom:2rem}@media (max-width: 768px){.charts-section h2.section-title{font-size:2rem}.device-analytics-title{margin-top:3rem}.chart-no-data{padding:var(--space-md);min-height:350px}.chart-no-data i{font-size:2rem}.chart-no-data h4{font-size:1rem}.chart-no-data p{font-size:.85rem;max-width:250px}.chart-no-data-info{max-width:280px}.chart-no-data-tip{padding:var(--space-sm)}.chart-no-data-tip h4{font-size:.85rem}.chart-no-data-tip li{font-size:.75rem}.chart-no-data-buttons{flex-direction:column;gap:var(--space-xs)}.chart-no-data-buttons button{padding:.5rem 1rem;font-size:.8rem;min-width:auto;max-width:none}.chart-no-data button{padding:.5rem 1rem;font-size:.8rem}.chart-loading{min-height:350px;font-size:1rem}.chart-error{padding:var(--space-md);min-height:350px}.chart-error i{font-size:2rem}.chart-error h4{font-size:1rem}.chart-error p{font-size:.85rem;max-width:250px}.chart-error button{padding:.5rem 1rem;font-size:.85rem}}@media (max-width: 480px){.charts-section h2.section-title{font-size:1.5rem}.device-analytics-title{margin-top:2rem}.chart-no-data{padding:var(--space-sm);min-height:300px}.chart-no-data i{font-size:1.5rem;margin-bottom:var(--space-sm)}.chart-no-data h4{font-size:.9rem}.chart-no-data p{font-size:.8rem;max-width:200px}.chart-no-data-info{max-width:220px;gap:var(--space-sm)}.chart-no-data-tip{padding:var(--space-xs)}.chart-no-data-tip h4{font-size:.8rem;margin-bottom:var(--space-xs)}.chart-no-data-tip ul{padding-left:var(--space-sm)}.chart-no-data-tip li{font-size:.7rem;margin-bottom:2px}.chart-no-data-buttons{flex-direction:column;gap:var(--space-xs)}.chart-no-data-buttons button{padding:.4rem .8rem;font-size:.75rem;min-width:auto;max-width:none}.chart-no-data button{padding:.4rem .8rem;font-size:.75rem}.chart-loading{min-height:300px;font-size:.9rem}.chart-error{padding:var(--space-sm);min-height:300px}.chart-error i{font-size:1.5rem}.chart-error h4{font-size:.9rem}.chart-error p{font-size:.8rem;max-width:200px}.chart-error button{padding:.4rem .8rem;font-size:.75rem}}.toggle-switch{display:flex;align-items:center;gap:var(--space-sm);margin-right:var(--space-md);-webkit-user-select:none;user-select:none}.toggle-switch input[type=checkbox]{display:none}.toggle-slider{position:relative;width:44px;height:22px;background-color:var(--gray-300);border-radius:var(--radius-full);transition:background-color var(--transition-fast);cursor:pointer;border:1px solid var(--border-light)}.toggle-slider:before{content:"";position:absolute;top:1px;left:1px;width:18px;height:18px;background-color:#fff;border-radius:50%;transition:transform var(--transition-fast);box-shadow:0 2px 4px #0000001a}.toggle-switch input[type=checkbox]:checked+.toggle-slider{background-color:var(--primary);border-color:var(--primary)}.toggle-switch input[type=checkbox]:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch:hover .toggle-slider{background-color:var(--gray-400)}.toggle-switch:hover input[type=checkbox]:checked+.toggle-slider{background-color:var(--primary-dark)}.toggle-label{font-size:.85rem;font-weight:500;color:var(--gray-700);white-space:nowrap;cursor:pointer}:root.dark-theme .charts-section h2{background:linear-gradient(90deg,var(--primary-light),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root.dark-theme .chart-container{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root.dark-theme .chart-container:hover{background:#ffffff14;border-color:var(--primary-light);box-shadow:0 8px 32px #4361ee33}:root.dark-theme .chart-header{border-bottom-color:#ffffff1a}:root.dark-theme .chart-header h3{color:var(--text-primary)}:root.dark-theme .chart-wrapper{background:#ffffff05;border:1px solid rgba(255,255,255,.05)}:root.dark-theme .chart-wrapper canvas{filter:brightness(1.1) contrast(1.05)}:root.dark-theme .time-range-select{background:#ffffff0d;color:var(--text-primary);border-color:#fff3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0aec0'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.2rem}:root.dark-theme .time-range-select:hover,:root.dark-theme .time-range-select:focus{background:#ffffff1a;border-color:var(--primary);color:var(--text-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0aec0'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.2rem}:root.dark-theme .time-range-select option{background:var(--bg-secondary);color:var(--text-primary)}.device-section{margin-bottom:var(--space-xxl);padding:var(--space-xl);background:linear-gradient(135deg,#4361ee05,#7209b705);border-radius:var(--radius-xl);border:1px solid rgba(67,97,238,.1);box-shadow:0 4px 20px #0000000d}.device-title{font-size:1.8rem;font-weight:700;color:var(--gray-800);margin-bottom:var(--space-xl);text-align:center;padding:var(--space-lg);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border-bottom:3px solid var(--primary);border-radius:var(--radius-md);position:relative}.device-title i{margin-right:var(--space-sm);color:var(--primary);font-size:1.5rem}.device-title:before{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:var(--radius-full)}[dir=rtl] .device-title i{margin-right:0;margin-left:var(--space-sm)}:root.dark-theme .device-section{background:linear-gradient(135deg,#4361ee0d,#7209b70d);border-color:#4361ee33}:root.dark-theme .device-title{color:var(--text-primary);border-bottom-color:var(--primary)}:root.dark-theme .device-title i{color:var(--primary-light)}@media (max-width: 768px){.device-section{padding:var(--space-lg);margin-bottom:var(--space-xl)}.device-title{font-size:1.4rem;padding:var(--space-md)}.device-title i{font-size:1.2rem}}@media (max-width: 480px){.device-section{padding:var(--space-md)}.device-title{font-size:1.2rem;padding:var(--space-sm)}.device-title i{font-size:1rem}}@media (max-width: 1600px){.chart-grid{grid-template-columns:repeat(auto-fit,minmax(700px,1fr));gap:var(--space-xxl)}.chart-container{min-height:750px}.chart-wrapper{height:550px;min-height:550px}}@media (max-width: 1400px){.chart-grid{grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:var(--space-xl)}.chart-container{min-height:700px}.chart-wrapper{height:500px;min-height:500px}}@media (max-width: 1200px){.chart-grid{grid-template-columns:repeat(auto-fit,minmax(550px,1fr));gap:var(--space-lg)}.chart-container{min-height:650px;padding:var(--space-lg)}.chart-wrapper{height:450px;min-height:450px}}@media (max-width: 768px){.charts-section{padding:0 var(--space-sm)}.chart-grid{grid-template-columns:1fr;gap:var(--space-lg)}.chart-container{min-height:600px;padding:var(--space-md)}.chart-wrapper{height:400px;min-height:400px;padding:16px}.fullscreen-overlay{padding:1rem}.fullscreen-chart{width:98vw!important;height:95vh!important;min-height:95vh!important}.fullscreen-chart .chart-wrapper{height:calc(95vh - 160px)!important;min-height:calc(95vh - 160px)!important}.fullscreen-chart .chart-header h3{font-size:1.5rem}.custom-range-fields{flex-direction:column;gap:var(--space-sm)}.date-input{width:100%;min-width:auto}}@media (max-width: 480px){.chart-container{min-height:500px;padding:var(--space-sm)}.chart-wrapper{height:350px;min-height:350px;padding:12px}.chart-header h3{font-size:1.1rem}.fullscreen-chart .chart-header h3{font-size:1.3rem}.fullscreen-btn,.close-fullscreen-btn{width:35px;height:35px;font-size:.9rem}.toggle-switch{margin-right:0;margin-bottom:var(--space-sm)}.toggle-label{font-size:.8rem}.custom-range-btn,.apply-range-btn{padding:.5rem 1rem;font-size:.85rem}}.fullscreen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease-out;box-sizing:border-box;overflow:auto}.fullscreen-chart{width:90vw!important;max-width:1600px!important;min-width:320px!important;height:90vh!important;max-height:900px!important;min-height:400px!important;margin:0 auto!important;box-shadow:0 20px 60px #0000004d!important;border:2px solid var(--primary)!important;background:#fff!important;cursor:default;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.fullscreen-chart:hover{transform:none!important}.fullscreen-chart .chart-wrapper{height:calc(90vh - 180px)!important;min-height:350px!important;max-height:700px!important}.fullscreen-chart .chart-header{padding-bottom:var(--space-lg);border-bottom:3px solid var(--border-light);z-index:3;background:#fff}.fullscreen-chart .chart-controls{z-index:3;background:#fff;padding:.5rem 0;border-radius:var(--radius-md)}.fullscreen-btn,.close-fullscreen-btn{padding:.5rem;border:1px solid var(--border-light);border-radius:var(--radius-md);background:#fff;color:var(--gray-700);cursor:pointer;transition:all var(--transition-fast);font-size:1rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.fullscreen-btn:hover,.close-fullscreen-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.1)}.close-fullscreen-btn{background:var(--danger);border-color:var(--danger);color:#fff}.close-fullscreen-btn:hover{background:var(--danger-dark);border-color:var(--danger-dark)}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}:root.dark-theme .fullscreen-overlay{background:#000000fa}:root.dark-theme .fullscreen-chart{background:#ffffff0d!important;border-color:var(--primary-light)!important}:root.dark-theme .fullscreen-chart .chart-header{background:#ffffff0d!important;border-bottom-color:#ffffff1a}:root.dark-theme .fullscreen-chart .chart-controls{background:#ffffff0d!important;padding:.5rem 0;border-radius:var(--radius-md)}:root.dark-theme .fullscreen-chart .chart-wrapper{background:#ffffff05!important;border:1px solid rgba(255,255,255,.05)}:root.dark-theme .fullscreen-chart .time-range-select{background:#ffffff0d!important;color:var(--text-primary)!important;border-color:#fff3!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0aec0'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .5rem center!important;background-size:1.2rem!important}:root.dark-theme .fullscreen-chart .time-range-select:hover,:root.dark-theme .fullscreen-chart .time-range-select:focus{background-color:#ffffff1a!important;border-color:var(--primary)!important;color:var(--text-primary)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0aec0'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .5rem center!important;background-size:1.2rem!important}.chartjs-tooltip{opacity:1;position:absolute;background:#fffffffa;border:2px solid rgba(0,0,0,.1);border-radius:12px;color:#1a202c;font-family:var(--font-primary);font-size:13px;font-weight:500;padding:16px;pointer-events:none;transform:translate(-50%);transition:all .2s ease;box-shadow:0 10px 25px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:200px;text-align:center}:root.dark-theme .chartjs-tooltip{background:#1e1e28f2;border-color:#fff3;color:#fffffff2;box-shadow:0 10px 25px #0006}.chartjs-tooltip .tooltip-title{font-weight:700;font-size:15px;margin-bottom:12px;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:8px;color:#2d3748;text-align:center}:root.dark-theme .chartjs-tooltip .tooltip-title{color:#fffffff2;border-bottom-color:#fff3}.chartjs-tooltip .tooltip-body{margin:8px 0;line-height:1.6;text-align:center}.chartjs-tooltip .tooltip-footer{margin-top:12px;padding-top:8px;border-top:1px solid rgba(0,0,0,.1);font-size:11px;color:#718096;font-weight:400;text-align:center}:root.dark-theme .chartjs-tooltip .tooltip-footer{border-top-color:#fff3;color:#ffffffb3}.chartjs-tooltip .status-indicator{display:inline-block;margin-left:8px;font-size:14px}[dir=rtl] .chartjs-tooltip .status-indicator{margin-left:0;margin-right:8px}.chartjs-tooltip .value-highlight{font-weight:700;font-size:16px;color:var(--primary)}:root.dark-theme .chartjs-tooltip .value-highlight{color:var(--primary-light)}.chartjs-tooltip:before{content:"";position:absolute;top:100%;left:50%;margin-left:-8px;border-width:8px 8px 0 8px;border-style:solid;border-color:rgba(255,255,255,.98) transparent transparent transparent}:root.dark-theme .chartjs-tooltip:before{border-color:rgba(30,30,40,.95) transparent transparent transparent}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.chartjs-tooltip{animation:tooltipFadeIn .2s ease-out}.data-table-container{width:100%;max-width:1200px;margin:0 auto}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.table-header h2{margin-bottom:0;font-weight:700;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.filter-controls{margin-bottom:var(--space-lg);padding:var(--space-lg);background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.filter-row{display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-bottom:var(--space-md)}.filter-row:last-child{margin-bottom:0}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.date-filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:300px}.date-inputs{display:flex;align-items:center;gap:.5rem}.date-input{padding:.5rem;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:.9rem;transition:all var(--transition-fast)}.date-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.date-separator{color:var(--gray-600);font-weight:500}.filter-actions{display:flex;align-items:end;gap:.5rem;margin-top:auto}.export-button{background:linear-gradient(135deg,var(--success),#48bb78);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:.5rem}.export-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #48bb784d}.filter-group label{font-weight:500;color:var(--gray-700);font-size:.9rem;margin-bottom:2px}.select-control{min-height:40px;padding:.5rem 2.5rem .5rem 1rem;border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:#fff;font-family:var(--font-primary);font-size:.9rem;font-weight:500;color:var(--gray-800);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236c757d'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.5rem;min-width:150px;transition:all var(--transition-fast);cursor:pointer}.select-control option{background:#fff;color:var(--gray-800);padding:8px 12px;border:none}.select-control option:hover,.select-control option:focus,.select-control option:active{background:var(--primary-light);color:#fff}.select-control option:checked{background:var(--primary);color:#fff}.select-control:hover,.select-control:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px rgba(var(--primary-light),.1)}.search-group{flex-grow:1}.search-input-container{position:relative;display:flex;align-items:center}.search-input-container i{position:absolute;left:1rem;color:var(--gray-500)}.search-input{width:100%;height:40px;padding:.5rem 2.5rem;border:1px solid var(--border-light);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:.9rem;font-weight:500;color:var(--gray-800);transition:all var(--transition-fast)}.search-input:hover,.search-input:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px rgba(var(--primary-light),.1)}.clear-search{position:absolute;right:.5rem;background:transparent;border:none;color:var(--gray-500);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.clear-search:hover{color:var(--danger);background:transparent;transform:none;box-shadow:none}.table-responsive{overflow-x:auto;margin-bottom:var(--space-lg);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000000d;background-color:var(--bg-primary)}table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem}th,td{padding:1rem;text-align:left}th{background-color:var(--bg-accent);font-weight:600;color:var(--gray-800);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border-light);white-space:nowrap}th:first-child{border-top-left-radius:var(--radius-md)}th:last-child{border-top-right-radius:var(--radius-md)}tbody tr{transition:all var(--transition-fast);border-bottom:1px solid var(--border-light);background-color:transparent}tbody tr:last-child{border-bottom:none}tbody tr td{transition:all var(--transition-fast)}tbody tr:hover{background-color:var(--bg-accent);transform:translateY(-2px);box-shadow:0 2px 5px #0000000d}.cell-optimal{color:var(--success);font-weight:600;position:relative}.cell-optimal:before{content:"";display:inline-block;width:8px;height:8px;background-color:var(--success);border-radius:50%;margin-right:6px;position:relative;top:-1px}.cell-success{color:var(--success);font-weight:600;position:relative}.cell-success:before{content:"";display:inline-block;width:8px;height:8px;background-color:var(--success);border-radius:50%;margin-right:6px;position:relative;top:-1px}.cell-warning{color:var(--warning);font-weight:600;position:relative}.cell-warning:before{content:"";display:inline-block;width:8px;height:8px;background-color:var(--warning);border-radius:50%;margin-right:6px;position:relative;top:-1px}.cell-critical{color:var(--danger);font-weight:600;position:relative}.cell-critical:before{content:"";display:inline-block;width:8px;height:8px;background-color:var(--danger);border-radius:50%;margin-right:6px;position:relative;top:-1px}.cell-danger{color:var(--danger);font-weight:600;position:relative}.cell-danger:before{content:"";display:inline-block;width:8px;height:8px;background-color:var(--danger);border-radius:50%;margin-right:6px;position:relative;top:-1px}.cell-sensor-failed{color:#f44336;font-weight:600;background-color:#f443361a;padding:4px 8px;border-radius:4px;border:1px solid rgba(244,67,54,.3);font-style:italic;position:relative}.cell-invalid{color:#ff9800;font-weight:600;background-color:#ff98001a;padding:4px 8px;border-radius:4px;border:1px solid rgba(255,152,0,.3);font-style:italic;position:relative}.pagination-container{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.pagination-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--gray-700);border:1px solid var(--border-light);transition:all var(--transition-fast);padding:0;cursor:pointer;position:relative;overflow:hidden}.pagination-button:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:rgba(var(--primary),.1);transition:width var(--transition-normal);z-index:0}.pagination-button i{position:relative;z-index:1}.pagination-button:hover:not(:disabled):before{width:100%}.pagination-button:hover:not(:disabled){color:var(--primary);border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.pagination-button:active:not(:disabled){transform:translateY(0)}.pagination-button:disabled{opacity:.5;cursor:not-allowed;background-color:var(--gray-100)}.pagination-info{font-size:.9rem;color:var(--gray-700);padding:0 1rem;font-weight:500;min-width:120px;text-align:center}.no-data-message{text-align:center;padding:var(--space-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.no-data-message i{font-size:3rem;color:var(--gray-400);margin-bottom:var(--space-md)}:root.dark-theme .data-table-container{color:var(--text-primary)}:root.dark-theme .table-header h2{background:linear-gradient(90deg,var(--primary-light),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}:root.dark-theme .filter-controls{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root.dark-theme .filter-group label{color:var(--text-primary)}:root.dark-theme .select-control{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:var(--text-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0aec0'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.5rem}:root.dark-theme .select-control option{background:var(--bg-primary);color:var(--text-primary);border:none;padding:8px 12px}:root.dark-theme .select-control option:hover,:root.dark-theme .select-control option:focus,:root.dark-theme .select-control option:active{background:var(--primary-light);color:var(--text-dark)}:root.dark-theme .select-control option:checked{background:var(--primary);color:var(--text-light)}:root.dark-theme .select-control:hover,:root.dark-theme .select-control:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2);background-color:#ffffff14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0aec0'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.5rem}:root.dark-theme .date-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:var(--text-primary)}:root.dark-theme .date-input:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2);background:#ffffff14}:root.dark-theme .export-btn{background:linear-gradient(135deg,var(--primary-light),var(--secondary));color:var(--text-light);border:1px solid rgba(255,255,255,.1)}:root.dark-theme .export-btn:hover{background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 8px 25px rgba(var(--primary-rgb),.3);transform:translateY(-2px)}:root.dark-theme .table-wrapper{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root.dark-theme .data-table{color:var(--text-primary)}:root.dark-theme .data-table th{background:#ffffff1a;color:var(--text-primary);border-bottom:2px solid var(--primary-light)}:root.dark-theme .data-table td{border-bottom:1px solid rgba(255,255,255,.1);color:var(--text-secondary)}:root.dark-theme .data-table tbody tr:hover{background:#ffffff0d}:root.dark-theme .data-table tbody tr:nth-child(2n){background:#ffffff05}:root.dark-theme .data-table tbody tr:nth-child(2n):hover{background:#ffffff0d}:root.dark-theme .cell-optimal{color:#48bb78}:root.dark-theme .cell-optimal:before{background-color:#48bb78}:root.dark-theme .cell-success{color:#48bb78}:root.dark-theme .cell-success:before{background-color:#48bb78}:root.dark-theme .cell-warning{color:#ed8936}:root.dark-theme .cell-warning:before{background-color:#ed8936}:root.dark-theme .cell-critical{color:#f56565}:root.dark-theme .cell-critical:before{background-color:#f56565}:root.dark-theme .cell-danger{color:#f56565}:root.dark-theme .cell-danger:before{background-color:#f56565}:root.dark-theme .status-online{background:#06ffa533;color:var(--success);border:1px solid var(--success)}:root.dark-theme .status-offline{background:#ff475733;color:var(--danger);border:1px solid var(--danger)}:root.dark-theme .status-warning{background:#ffd60a33;color:var(--warning);border:1px solid var(--warning)}:root.dark-theme .pagination{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}:root.dark-theme .pagination-info{color:var(--text-secondary)}:root.dark-theme .pagination-controls button{background:#ffffff0d;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}:root.dark-theme .pagination-controls button:hover:not(:disabled){background:var(--primary-light);color:var(--text-dark);border-color:var(--primary-light)}:root.dark-theme .pagination-controls button:disabled{background:#ffffff05;color:var(--text-muted);border-color:#ffffff1a}:root.dark-theme .pagination-controls .active{background:var(--primary-light);color:var(--text-dark);border-color:var(--primary-light)}:root.dark-theme .no-data{color:var(--text-muted)}:root.dark-theme .loading-spinner{border-color:#fff3;border-top-color:var(--primary-light)}[dir=rtl] .data-table-container{direction:rtl}[dir=rtl] .table-header{flex-direction:row-reverse}[dir=rtl] .table-header h2{text-align:right}[dir=rtl] .refresh-btn{flex-direction:row-reverse}[dir=rtl] .refresh-btn i{margin-left:.5rem;margin-right:0}[dir=rtl] .filter-controls{direction:rtl}[dir=rtl] .filter-group,[dir=rtl] .filter-group label{text-align:right}[dir=rtl] .select-control,[dir=rtl] .date-input{text-align:right;direction:rtl}[dir=rtl] .clear-filters{flex-direction:row-reverse}[dir=rtl] .clear-filters i{margin-left:.5rem;margin-right:0}[dir=rtl] .data-table{direction:rtl}[dir=rtl] .data-table th,[dir=rtl] .data-table td,[dir=rtl] .data-table th:first-child,[dir=rtl] .data-table td:first-child{text-align:right}[dir=rtl] .data-table .timestamp,[dir=rtl] .data-table .numeric-value{direction:ltr;unicode-bidi:embed}[dir=rtl] .status-indicator{flex-direction:row-reverse}[dir=rtl] .status-dot{order:2;margin-left:.5rem;margin-right:0}[dir=rtl] .status-text{order:1}[dir=rtl] .table-pagination{direction:rtl}[dir=rtl] .pagination-info{text-align:right}[dir=rtl] .pagination-controls{flex-direction:row-reverse}[dir=rtl] .pagination-controls button{margin:0 .125rem}[dir=rtl] .loading-container{text-align:center;direction:ltr}[dir=rtl] .no-data{text-align:right}[dir=rtl] .no-data i{display:block;text-align:center;margin-bottom:1rem}[dir=rtl] .export-btn{flex-direction:row-reverse}[dir=rtl] .export-btn i{margin-left:.5rem;margin-right:0}[dir=rtl] .table-responsive{direction:rtl}[dir=rtl] .search-input{text-align:right;direction:rtl}[dir=rtl] .search-input::placeholder{text-align:right}[dir=rtl] .sort-indicator{order:1;margin-right:.5rem;margin-left:0}[dir=rtl] .sortable-header{flex-direction:row-reverse}@media (max-width: 768px){[dir=rtl] .filter-controls{flex-direction:column}[dir=rtl] .table-header{flex-direction:column;align-items:flex-end}[dir=rtl] .pagination-controls{justify-content:center}[dir=rtl] .data-table{font-size:.875rem}[dir=rtl] .data-table th,[dir=rtl] .data-table td{padding:.5rem .25rem}[dir=rtl] .table-responsive{overflow-x:auto;direction:rtl}}.data-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.summary-info p{margin:0;color:var(--gray-700);font-size:.9rem}.summary-info .total-records{color:var(--gray-600);font-size:.8rem}.summary-info .settings-info{color:var(--primary);font-size:.8rem;font-weight:500;margin-top:.25rem}.summary-info .settings-info i{margin-right:.5rem;opacity:.8}.selection-info{display:flex;align-items:center;gap:1rem}.selected-count{background:var(--primary);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:500}.clear-selection{background:transparent;color:var(--gray-600);border:1px solid var(--gray-300);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:all var(--transition-fast)}.clear-selection:hover{background:var(--gray-100)}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast)}th.sortable:hover{background:#ffffff1a}th.sortable i{margin-left:.5rem;opacity:.7}th.checkbox-column{width:50px;text-align:center}tbody tr.selected{background:rgba(var(--primary-rgb),.1);border-color:var(--primary)}td.checkbox-column{text-align:center}.timestamp-cell{min-width:140px}.timestamp-container{display:flex;flex-direction:column;gap:.25rem}.timestamp-container .date{font-weight:500;color:var(--gray-800)}.timestamp-container .time{font-size:.8rem;color:var(--gray-600)}.pagination-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:var(--space-lg);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.pagination-info{color:var(--gray-600);font-size:.9rem}.pagination-controls{display:flex;align-items:center;gap:.5rem}.page-numbers{display:flex;gap:.25rem}.page-number{padding:.5rem .75rem;border:1px solid var(--border-light);background:#fff;color:var(--gray-700);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:.9rem}.page-number:hover{background:var(--bg-hover);border-color:var(--primary)}.page-number.active{background:var(--primary);color:#fff;border-color:var(--primary)}@media (max-width: 768px){.filter-row{flex-direction:column;gap:var(--space-md)}.date-filter-group{min-width:auto}.date-inputs,.filter-actions{flex-direction:column;align-items:stretch}.data-summary{flex-direction:column;gap:1rem;text-align:center}.pagination-container{padding:var(--space-sm)}.pagination-controls{flex-wrap:wrap;justify-content:center}.page-numbers{order:-1;margin-bottom:.5rem}}[dir=rtl] .cell-optimal:before,[dir=rtl] .cell-success:before,[dir=rtl] .cell-warning:before,[dir=rtl] .cell-critical:before,[dir=rtl] .cell-danger:before{margin-right:0;margin-left:6px}.cell-optimal .fa-arrow-up,.cell-optimal .fa-arrow-down,.cell-warning .fa-arrow-up,.cell-warning .fa-arrow-down,.cell-critical .fa-arrow-up,.cell-critical .fa-arrow-down{opacity:.8;animation:pulse 2s infinite}.fa-arrow-up,.fa-arrow-down{color:inherit}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}[dir=rtl] .cell-optimal .fa-arrow-up,[dir=rtl] .cell-optimal .fa-arrow-down,[dir=rtl] .cell-warning .fa-arrow-up,[dir=rtl] .cell-warning .fa-arrow-down,[dir=rtl] .cell-critical .fa-arrow-up,[dir=rtl] .cell-critical .fa-arrow-down{margin-left:0;margin-right:4px}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-card{width:100%;max-width:400px;padding:2rem;background:#fffffff2;border-radius:1rem;box-shadow:0 20px 40px #0000001a}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{color:#1a202c;margin-bottom:.5rem;font-size:2rem}.auth-header p{color:#718096;margin-bottom:0}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.auth-form-group{display:flex;flex-direction:column;gap:.5rem}.auth-form-group label{font-weight:600;color:#2d3748;font-size:.9rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper i{position:absolute;left:1rem;color:#a0aec0;z-index:1}.input-wrapper input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;transition:all .2s;background-color:#fff}.input-wrapper input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.auth-button{padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.auth-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.auth-link{color:#667eea;text-decoration:none;font-weight:600;transition:color .2s}.auth-link:hover{color:#5a67d8}.error-message{background-color:#f565651a;color:#c53030;padding:.75rem;border-radius:.5rem;border:1px solid rgba(245,101,101,.2);display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.success-message{background-color:#48bb781a;color:#2f855a;padding:.75rem;border-radius:.5rem;border:1px solid rgba(72,187,120,.2);display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}@media (max-width: 768px){.auth-container{padding:1rem}.auth-card{padding:1.5rem}}:root.dark-theme .auth-container{background:linear-gradient(135deg,#1a202c,#2d3748)}:root.dark-theme .auth-card{background:#2d3748f2;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0000004d}:root.dark-theme .auth-header h1{color:var(--text-primary)}:root.dark-theme .auth-header p{color:var(--text-secondary)}:root.dark-theme .auth-form-group label{color:var(--text-primary)}:root.dark-theme .input-wrapper i{color:var(--text-muted)}:root.dark-theme .input-wrapper input{background-color:#1a202ccc;border-color:#fff3;color:var(--text-primary)}:root.dark-theme .input-wrapper input::placeholder{color:var(--text-muted)}:root.dark-theme .input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6780fa33;background-color:#1a202ce6}:root.dark-theme .auth-button{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border:1px solid rgba(255,255,255,.1)}:root.dark-theme .auth-button:hover:not(:disabled){box-shadow:0 10px 25px #6780fa66}:root.dark-theme .auth-footer{border-top-color:#ffffff1a}:root.dark-theme .auth-footer p{color:var(--text-secondary)}:root.dark-theme .auth-link{color:var(--primary-light)}:root.dark-theme .auth-link:hover{color:var(--primary)}:root.dark-theme .error-message{background-color:#e5383b1a;color:var(--danger);border-color:#e5383b33}:root.dark-theme .success-message{background-color:#06ffa51a;color:var(--success);border-color:#06ffa533}[dir=rtl] .auth-container{direction:rtl}[dir=rtl] .auth-card,[dir=rtl] .auth-header,[dir=rtl] .auth-header h1,[dir=rtl] .auth-header p{text-align:right}[dir=rtl] .auth-form{direction:rtl}[dir=rtl] .auth-form-group,[dir=rtl] .auth-form-group label{text-align:right}[dir=rtl] .input-wrapper{flex-direction:row-reverse}[dir=rtl] .input-wrapper i{right:auto;left:1rem;order:2}[dir=rtl] .input-wrapper input::placeholder{text-align:right}[dir=rtl] .auth-button{flex-direction:row-reverse}[dir=rtl] .auth-button i{margin-left:.5rem;margin-right:0}[dir=rtl] .auth-footer,[dir=rtl] .auth-footer p{text-align:right}[dir=rtl] .auth-link{direction:rtl}[dir=rtl] .error-message,[dir=rtl] .success-message{text-align:right;flex-direction:row-reverse}[dir=rtl] .error-message i,[dir=rtl] .success-message i{margin-left:.5rem;margin-right:0}[dir=rtl] .form-group.error label,[dir=rtl] .form-group.error .error-text{text-align:right}[dir=rtl] .checkbox-wrapper{flex-direction:row-reverse;justify-content:flex-end}[dir=rtl] .checkbox-wrapper input{margin-left:.5rem;margin-right:0}[dir=rtl] .checkbox-wrapper label{order:1}[dir=rtl] .loading-container{direction:ltr}[dir=rtl] .social-login{direction:rtl}[dir=rtl] .social-button{flex-direction:row-reverse}[dir=rtl] .social-button i{margin-left:.5rem;margin-right:0}@media (max-width: 480px){[dir=rtl] .auth-container{padding:1rem}[dir=rtl] .auth-card{padding:1.5rem}[dir=rtl] .auth-header h1{font-size:1.75rem}}.dp-container{max-width:1200px;margin:0 auto;padding:var(--space-lg);padding-top:100px;min-height:100vh}.dp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.dp-header h2{margin:0;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dp-add-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all var(--transition-fast)}.dp-add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--primary),.3)}.dp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.device-card{padding:var(--space-lg);border-radius:var(--radius-lg);transition:all var(--transition-normal);border:1px solid var(--border-light);background:#fff;box-shadow:0 2px 10px #0000000d;position:relative;overflow:hidden}.device-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.device-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.device-actions button{background:transparent;border:none;padding:.5rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--gray-600)}.device-actions button:hover{background:transparent}.status-indicator{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;padding:.25rem .75rem;border-radius:var(--radius-full)}.status-indicator.active{color:var(--success);background:rgba(var(--success),.1)}.status-indicator.inactive{color:var(--gray-500);background:rgba(var(--gray-500),.1)}.device-info h3{margin:0 0 var(--space-sm) 0;color:var(--gray-900)}.device-id,.device-serial{font-family:monospace;background:var(--gray-100);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.85rem;color:var(--gray-700);margin-bottom:var(--space-sm)}.device-model,.device-location{color:var(--gray-600);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.device-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-light)}.stat{text-align:center}.stat-label{display:block;font-size:.8rem;color:var(--gray-600);margin-bottom:.25rem}.stat-value{display:block;font-size:1.1rem;font-weight:600;color:var(--gray-900)}.dp-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-md)}.dp-modal-container{background:#fff;padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;width:95%;max-width:500px;max-height:85vh;overflow-y:auto;animation:dpSlideIn .3s ease-out;border:1px solid rgba(226,232,240,.8);position:relative;margin:auto}.dp-modal-container:hover{background:#fff;transform:none;box-shadow:0 15px 40px #0003}.devices-modal-container{background:#fff;padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;width:95%;max-width:500px;max-height:85vh;overflow-y:auto;animation:dpSlideIn .3s ease-out;border:1px solid rgba(226,232,240,.8);position:relative;margin:auto}.devices-modal-container:hover{background:#fff;transform:none;box-shadow:0 15px 40px #0003}.glass-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.glass-card:hover{background:#fffffff2;transform:none;box-shadow:none}.dp-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-light);padding-bottom:var(--space-md);margin-bottom:var(--space-lg)}.dp-modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--gray-900)}.close-btn{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--gray-600);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s}.close-btn:hover{background:transparent;color:var(--gray-600);transform:none}.dp-form-group{margin-bottom:var(--space-lg)}.dp-form-group label{display:block;margin-bottom:var(--space-sm);font-weight:600;color:var(--gray-800)}.dp-form-group input{width:100%;padding:.75rem;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:1rem;transition:border-color var(--transition-fast)}.dp-form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);background:#fff}.dp-form-group input:disabled{background:var(--gray-100);color:var(--gray-600)}.dp-form-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-xl)}.dp-form-actions button{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.dp-form-actions button[type=button]{background:transparent;border:2px solid var(--gray-300);color:var(--gray-700)}.dp-form-actions button[type=button]:hover{background:transparent;border-color:var(--gray-300)}.dp-form-actions button[type=submit]{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none}.dp-form-actions button[type=submit]:hover{transform:none;box-shadow:none}.dp-serial-validation{margin-top:.5rem;font-size:.85rem}.dp-validation-checking{color:var(--warning);display:flex;align-items:center;gap:.5rem}.validation-success{color:var(--success);display:flex;align-items:center;gap:.5rem}.validation-error{color:var(--danger);display:flex;align-items:center;gap:.5rem}.no-devices{grid-column:1 / -1;text-align:center;padding:var(--space-xxl)}.no-devices i{font-size:4rem;color:var(--gray-400);margin-bottom:var(--space-lg)}.no-devices h3{color:var(--gray-700);margin-bottom:var(--space-md)}.no-devices p{color:var(--gray-600);margin-bottom:var(--space-lg)}.error-message{background:#ef44441a;color:#dc2626;padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(239,68,68,.3)}.error-message button{background:transparent;border:none;color:inherit;cursor:pointer;font-size:1.2rem;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background .2s}.error-message button:hover{background:#ef444433}@keyframes dpSlideIn{0%{opacity:0;transform:scale(.9) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}:root.dark-theme .device-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root.dark-theme .device-card:hover{background:#ffffff14;border-color:var(--primary-light);box-shadow:0 8px 32px rgba(var(--primary-rgb),.2)}:root.dark-theme .dp-modal-container{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1)}:root.dark-theme .dp-modal-container:hover{background:#ffffff14;border-color:var(--primary-light);box-shadow:0 25px 70px #0006;transform:translateY(-2px)}:root.dark-theme .devices-modal-container{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1)}:root.dark-theme .devices-modal-container:hover{background:#ffffff14;border-color:var(--primary-light);box-shadow:0 25px 70px #0006;transform:translateY(-2px)}:root.dark-theme .glass-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root.dark-theme .glass-card:hover{background:#ffffff14;border-color:var(--primary-light);box-shadow:0 8px 32px rgba(var(--primary-rgb),.2);transform:translateY(-2px)}@media (max-width: 768px){.dp-container{padding:var(--space-md);padding-top:100px}.dp-header{flex-direction:column;align-items:stretch;gap:var(--space-md)}.dp-grid,.device-stats{grid-template-columns:1fr}.dp-modal-overlay{padding:var(--space-sm);align-items:flex-start;padding-top:80px}.dp-modal-container,.devices-modal-container{width:100%;max-width:none;max-height:80vh;margin:0;border-radius:var(--radius-md)}.dp-modal-header{padding-bottom:var(--space-sm);margin-bottom:var(--space-md)}.dp-form-group{margin-bottom:var(--space-md)}}[dir=rtl] .dp-header,[dir=rtl] .device-actions,[dir=rtl] .dp-form-actions{flex-direction:row-reverse}[dir=rtl] .close-btn{right:auto;left:0}.dm-container{padding:2rem;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#fff)}.dm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 20px #0000000d}.dm-header h3{margin:0;color:#2d3748;font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dm-actions{display:flex;gap:1rem;flex-wrap:wrap}.dm-add-btn,.dm-bulk-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.dm-add-btn:hover,.dm-bulk-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.dm-bulk-btn{background:linear-gradient(135deg,#10b981,#059669)}.dm-bulk-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b9814d}.device-management-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#718096}.device-management-loading i{font-size:3rem;margin-bottom:1.5rem;color:#667eea;animation:pulse 2s infinite}.dm-search{margin-bottom:2rem;padding:1.5rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(226,232,240,.8)}.dm-search-container{position:relative;max-width:500px;margin:0 auto}.dm-search-container i{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#a0aec0}.dm-search-container input{width:100%;padding:1rem 1.25rem 1rem 3rem;border:2px solid rgba(226,232,240,.8);border-radius:12px;font-size:1rem;background:#ffffffe6;transition:all .3s ease}.dm-search-container input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea26;background:#fff}.dm-table-container{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 20px #0000000d;overflow:hidden;margin-bottom:2rem}.dm-table{width:100%;border-collapse:collapse}.dm-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase}.dm-table td{padding:1rem;border-bottom:1px solid rgba(226,232,240,.5);vertical-align:middle}.dm-table tr:hover{background:#667eea0d}.device-serial{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#4a5568}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:8px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-badge.active{background:linear-gradient(135deg,#22c55e26,#22c55e0d);color:#059669;border:1px solid rgba(34,197,94,.3)}.status-badge.inactive{background:linear-gradient(135deg,#ef444426,#ef44440d);color:#dc2626;border:1px solid rgba(239,68,68,.3)}.usage-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:8px;font-size:.8rem;font-weight:600;text-transform:uppercase}.usage-badge.used{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);color:#d97706;border:1px solid rgba(245,158,11,.3)}.usage-badge.unused{background:linear-gradient(135deg,#22c55e26,#22c55e0d);color:#059669;border:1px solid rgba(34,197,94,.3)}.connection-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;margin-top:.5rem}.connection-badge.online{background:linear-gradient(135deg,#22c55e26,#22c55e0d);color:#059669;border:1px solid rgba(34,197,94,.3)}.connection-badge.offline{background:linear-gradient(135deg,#ef444426,#ef44440d);color:#dc2626;border:1px solid rgba(239,68,68,.3)}.edit-btn,.delete-btn{background:#667eea1a;border:1px solid rgba(102,126,234,.3);color:#667eea;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.edit-btn:hover{background:#667eea33;transform:translateY(-1px);box-shadow:0 2px 8px #667eea26}.delete-btn{background:#ef44441a;border-color:#ef44444d;color:#e53e3e}.delete-btn:hover:not(:disabled){background:#ef444433;transform:translateY(-1px);box-shadow:0 2px 8px #ef444426}.no-devices{text-align:center;padding:3rem;color:#718096}.no-devices i{font-size:3rem;color:#a0aec0;margin-bottom:1rem}.error-message,.success-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1rem;font-weight:500;position:relative}.error-message{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.3);color:#dc2626}.success-message{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.3);color:#059669}.error-message button,.success-message button{position:absolute;right:1rem;background:none;border:none;font-size:1.2rem;cursor:pointer;color:inherit;opacity:.7}.error-message button:hover,.success-message button:hover{opacity:1}.dm-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1.5rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px}.pagination-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.875rem 1.75rem;border-radius:12px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.pagination-btn:disabled{background:#e2e8f099;color:#a0aec0;cursor:not-allowed;opacity:.6}.pagination-info{padding:.875rem 1.75rem;background:#667eea1a;border-radius:12px;color:#4a5568;font-weight:600}.dm-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#000000b3!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex!important;align-items:flex-start!important;justify-content:center!important;z-index:9999!important;padding:120px 1rem 2rem!important;overflow-y:auto!important}.dm-modal-content{background:#fff!important;border-radius:16px!important;box-shadow:0 25px 70px #0000004d!important;width:100%!important;max-width:540px!important;max-height:calc(100vh - 140px)!important;overflow-y:auto!important;animation:dmSlideIn .3s ease-out}.dm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(226,232,240,.8);background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px 16px 0 0}.dm-modal-header h4{margin:0;font-size:1.5rem;font-weight:600;color:#2d3748;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-form-btn{background:#ffffffe6;border:1px solid rgba(226,232,240,.8);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;color:#718096;transition:all .3s ease}.close-form-btn:hover{background:#e53e3e;color:#fff;transform:rotate(90deg) scale(1.1)}.dm-form{padding:2rem}.dm-form-group{margin-bottom:1.5rem}.dm-form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#2d3748}.dm-form-group input,.dm-form-group textarea{width:100%;padding:.875rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease}.dm-form-group input:focus,.dm-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.dm-form-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem;border-top:1px solid rgba(226,232,240,.8);background:#f8fafc;border-radius:0 0 16px 16px}.submit-btn,.cancel-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;min-width:120px;justify-content:center}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #667eea66}.cancel-btn{background:#f7fafc;color:#718096;border:2px solid #e2e8f0}.cancel-btn:hover{background:#edf2f7;border-color:#cbd5e0}@keyframes dmSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}:root.dark-theme .edit-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}:root.dark-theme .delete-btn:hover:not(:disabled){background:#e53e3e;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #e53e3e4d}@media (max-width: 768px){.dm-container{padding:1rem}.dm-table-container{overflow-x:auto}.dm-table{min-width:800px}}@media (max-width: 575px){.dm-table,.dm-table thead,.dm-table tbody,.dm-table th,.dm-table td,.dm-table tr{display:block}.dm-table thead tr{display:none}.dm-table tbody tr{background:#ffffffe6;border-radius:12px;margin-bottom:1rem;padding:1rem}.dm-table td{border:none;padding:.5rem 0;position:relative;padding-left:45%}.dm-table td:before{content:attr(data-label);position:absolute;left:0;width:40%;font-weight:600;color:#4a5568;font-size:.8rem;text-transform:uppercase}}to{opacity:1;transform:translateY(0)}@keyframes slideInScale{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:root.dark-theme .dm-container{background:linear-gradient(135deg,#0f0f23,#1a1a2e);color:#f8fafc}:root.dark-theme .dm-modal-overlay{background:#000000d9!important}:root.dark-theme .dm-modal-content{background:#1a1a2e!important;border:1px solid rgba(129,140,248,.2)!important}@media (min-width: 1920px){.dm-container{padding:3rem 5rem;max-width:2400px;margin:0 auto}.dm-table-container{font-size:1.1rem}.dm-table th,.dm-table td{padding:1.25rem}}@media (min-width: 1440px) and (max-width: 1919px){.dm-container{padding:2.5rem 4rem}}@media (min-width: 1200px) and (max-width: 1439px){.dm-container{padding:2rem 3rem}}@media (min-width: 992px) and (max-width: 1199px){.dm-container{padding:2rem}}@media (min-width: 768px) and (max-width: 991px){.dm-container{padding:1.5rem}.dm-table-container{overflow-x:auto}.dm-table{min-width:800px}.dm-table th,.dm-table td{padding:.75rem .5rem;font-size:.9rem}}@media (min-width: 576px) and (max-width: 767px){.dm-container{padding:1rem}.dm-table-container{overflow-x:auto}.dm-table{min-width:700px}.dm-table th,.dm-table td{padding:.625rem .375rem;font-size:.85rem}.dm-device-actions{flex-direction:column;gap:.25rem}.dm-edit-btn,.dm-delete-btn{width:32px;height:32px}}@media (max-width: 575px){.dm-container{padding:.5rem}.dm-table-container{background:none;box-shadow:none;border:none}.dm-table,.dm-table thead,.dm-table tbody,.dm-table th,.dm-table td,.dm-table tr{display:block}.dm-table thead tr{display:none}.dm-table tbody tr{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.8);border-radius:12px;margin-bottom:1rem;padding:1rem;box-shadow:0 2px 10px #0000000d}.dm-table td{border:none;padding:.5rem 0;text-align:left;position:relative;padding-left:45%}.dm-table td:before{content:attr(data-label);position:absolute;left:0;width:40%;padding-right:10px;white-space:nowrap;font-weight:600;color:#4a5568;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.dm-device-actions{justify-content:flex-start;gap:.5rem;margin-top:.5rem}}:root.dark-theme .dm-table th{background:linear-gradient(135deg,var(--primary-light),var(--secondary))}:root.dark-theme .dm-table-container{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--shadow-dark)}:root.dark-theme .dm-table tr:hover{background:#818cf81a}:root.dark-theme .dm-table td{border-bottom-color:var(--glass-border);color:var(--text-secondary)}@media (max-width: 575px){:root.dark-theme .dm-table tbody tr{background:var(--glass-bg);border-color:var(--glass-border)}:root.dark-theme .dm-table td:before{color:var(--text-primary)}}:root.dark-theme .device-usage-details{background:#818cf81a;border-left-color:var(--primary-light);box-shadow:inset 0 1px 3px #818cf833}:root.dark-theme .device-usage-details small{color:var(--text-muted)}:root.dark-theme .pagination{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-dark)}:root.dark-theme .pagination-btn{background:linear-gradient(135deg,var(--primary-light),var(--secondary));color:var(--text-light);border:1px solid rgba(129,140,248,.3);box-shadow:0 4px 20px #818cf84d}:root.dark-theme .pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary),var(--secondary-dark));box-shadow:0 10px 40px rgba(var(--primary-rgb),.5);transform:translateY(-3px) scale(1.05)}:root.dark-theme .pagination-btn:disabled{background:#818cf81a;color:var(--text-muted);border-color:#818cf81a;box-shadow:none}:root.dark-theme .pagination-info{background:rgba(var(--primary-rgb),.2);color:var(--text-secondary);border-color:rgba(var(--primary-rgb),.3);box-shadow:inset 0 2px 10px #818cf81a}:root.dark-theme .connection-badge.online{background:linear-gradient(135deg,#10b98133,#10b9810d);color:var(--success-light);border-color:#10b98166;box-shadow:0 4px 20px #10b98133}:root.dark-theme .connection-badge.warning{background:linear-gradient(135deg,#f59e0b33,#f59e0b0d);color:var(--warning-light);border-color:#f59e0b66;box-shadow:0 4px 20px #f59e0b33}:root.dark-theme .connection-badge.offline{background:linear-gradient(135deg,#ef444433,#ef44440d);color:var(--danger-light);border-color:#ef444466;box-shadow:0 4px 20px #ef444433}:root.dark-theme .modal-overlay{background:#000000e6!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}:root.dark-theme .modal-content,:root.dark-theme .devices-modal-container{background:var(--bg-secondary)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--shadow-dark),var(--shadow-glow)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}:root.dark-theme .modal-header,:root.dark-theme .device-form-header{background:linear-gradient(135deg,#818cf81a,#8b5cf61a);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}:root.dark-theme .modal-header h4,:root.dark-theme .device-form-header h4{color:var(--text-primary);background:linear-gradient(135deg,var(--primary-light),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(129,140,248,.5)}:root.dark-theme .close-form-btn{background:#818cf81a;border:1px solid rgba(129,140,248,.3);color:var(--text-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root.dark-theme .close-form-btn:hover{background:var(--danger);color:#fff;box-shadow:0 4px 20px #ef444466}@media (min-width: 1920px){.device-management{padding:3rem 5rem;max-width:2400px;margin:0 auto}.devices-table-container{font-size:1.1rem}.devices-table th,.devices-table td{padding:1.25rem}}@media (min-width: 1440px) and (max-width: 1919px){.device-management{padding:2.5rem 4rem}}@media (min-width: 1200px) and (max-width: 1439px){.device-management{padding:2rem 3rem}}@media (min-width: 992px) and (max-width: 1199px){.device-management{padding:2rem}}@media (min-width: 768px) and (max-width: 991px){.device-management{padding:1.5rem}.devices-table-container{overflow-x:auto}.devices-table{min-width:800px}.devices-table th,.devices-table td{padding:.75rem .5rem;font-size:.9rem}}@media (min-width: 576px) and (max-width: 767px){.device-management{padding:1rem}.devices-table-container{overflow-x:auto}.devices-table{min-width:700px}.devices-table th,.devices-table td{padding:.625rem .375rem;font-size:.85rem}.device-actions{flex-direction:column;gap:.25rem}.edit-btn,.delete-btn{width:32px;height:32px}}@media (max-width: 575px){.device-management{padding:.5rem}.devices-table-container{background:none;box-shadow:none;border:none}.devices-table,.devices-table thead,.devices-table tbody,.devices-table th,.devices-table td,.devices-table tr{display:block}.devices-table thead tr{display:none}.devices-table tbody tr{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.8);border-radius:12px;margin-bottom:1rem;padding:1rem;box-shadow:0 2px 10px #0000000d}.devices-table td{border:none;padding:.5rem 0;text-align:left;position:relative;padding-left:45%}.devices-table td:before{content:attr(data-label);position:absolute;left:0;width:40%;padding-right:10px;white-space:nowrap;font-weight:600;color:#4a5568;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.device-actions{justify-content:flex-start;gap:.5rem;margin-top:.5rem}}:root.dark-theme .devices-table th{background:linear-gradient(135deg,var(--primary-light),var(--secondary))}:root.dark-theme .devices-table-container{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--shadow-dark)}:root.dark-theme .devices-table tr:hover{background:#818cf81a}:root.dark-theme .devices-table td{border-bottom-color:var(--glass-border);color:var(--text-secondary)}@media (max-width: 575px){:root.dark-theme .devices-table tbody tr{background:var(--glass-bg);border-color:var(--glass-border)}:root.dark-theme .devices-table td:before{color:var(--text-primary)}}:root.dark-theme .devices-table td:before{color:var(--text-primary)}.admin-page{max-width:1200px;margin:0 auto;padding:2rem}.admin-header{text-align:center;margin-bottom:2rem}.admin-header h2{margin:0 0 .5rem;background:linear-gradient(90deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2.5rem}.admin-header p{color:#718096;font-size:1.1rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:1rem}.loading-container i{font-size:2rem;color:#667eea}.error-message{background:#f565651a;color:#c53030;padding:1rem;border-radius:.5rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(245,101,101,.2)}.success-message{background:#48bb781a;color:#2d7d32;padding:1rem;border-radius:.5rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(72,187,120,.2)}.success-message i{color:#2d7d32;margin-right:.5rem}.admin-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e2e8f0}.tab-button{padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:600;color:#718096;display:flex;align-items:center;gap:.5rem;transition:all .2s}.tab-button:hover{color:#667eea;background:#667eea0d}.tab-button.active{color:#667eea;border-bottom-color:#667eea;background:#667eea0d}.pending-users-section h3,.all-users-section h3{margin-bottom:1.5rem;color:#2d3748}.no-users{text-align:center;padding:3rem}.no-users i{font-size:3rem;color:#48bb78;margin-bottom:1rem}.no-users h4{color:#2d3748;margin-bottom:.5rem}.no-users p{color:#718096}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.user-card{padding:1.5rem;border-radius:1rem;border:2px solid #e2e8f0;transition:all .2s}.user-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000001a;border-color:#667eea}.pending-card{border-left:4px solid #ed8936}.user-info{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.user-avatar{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;position:relative;overflow:hidden}.user-avatar i{font-family:"Font Awesome 6 Free"!important;font-weight:900!important;color:#fff!important;font-size:1.2rem!important}.user-avatar.small{width:32px;height:32px;font-size:.9rem}.user-avatar.small i{font-size:.8rem!important}.user-details h4{margin:0 0 .25rem;color:#2d3748;font-size:1.1rem}.user-email{color:#718096;margin:0 0 .5rem;font-size:.9rem}.user-date{color:#a0aec0;font-size:.8rem;margin:0;display:flex;align-items:center;gap:.25rem}.user-actions{display:flex;gap:.75rem}.approve-btn,.reject-btn{flex:1;padding:.75rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.approve-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.approve-btn:hover{transform:translateY(-1px);box-shadow:0 5px 15px #48bb784d}.reject-btn{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}.reject-btn:hover{transform:translateY(-1px);box-shadow:0 5px 15px #f565654d}.users-table-container{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 20px #0000000d;border:1px solid #e2e8f0}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:1rem;text-align:left;border-bottom:1px solid #e2e8f0}.users-table th{background:#f7fafc;font-weight:600;color:#2d3748}.users-table tbody tr:hover{background:#f7fafc}.user-cell{display:flex;align-items:center;gap:.75rem}.role-badge,.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:600}.role-badge.admin{background:#667eea1a;color:#667eea}.role-badge.user{background:#7180961a;color:#718096}.status-badge.approved{background:#48bb781a;color:#48bb78}.status-badge.pending{background:#ed89361a;color:#ed8936}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6}.devices-section{margin-top:2rem}.devices-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.devices-header h3{margin:0;color:#2d3748}.devices-actions{display:flex;gap:1rem}.add-device-btn,.bulk-upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.add-device-btn:hover,.bulk-upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.devices-table-container{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 20px #0000001a;border:1px solid rgba(255,255,255,.2)}.devices-table{width:100%;border-collapse:collapse;margin-top:1rem}.devices-table th,.devices-table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(226,232,240,.5)}.devices-table th{background:#667eea1a;color:#4a5568;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.devices-table tr:hover{background:#667eea0d}.device-serial{display:flex;align-items:center;gap:.5rem;font-family:Courier New,monospace;font-weight:600}.device-serial i{color:#667eea}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.status-badge.active{background:#48bb781a;color:#2d7d32}.status-badge.inactive{background:#f565651a;color:#c53030}.usage-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.usage-badge.used{background:#38b2ac1a;color:#0d9488}.usage-badge.unused{background:#fbbf241a;color:#d97706}.device-actions{display:flex;gap:.5rem}.edit-btn,.delete-btn{background:none;border:none;padding:.5rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.edit-btn{color:#667eea;background:#667eea1a}.edit-btn:hover{background:#667eea33}.delete-btn{color:#e53e3e;background:#f565651a}.delete-btn:hover:not(:disabled){background:#f5656533}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.device-form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.device-form-container{background:#fff;border-radius:1rem;padding:2rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026}.device-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(226,232,240,.5)}.device-form-header h4{margin:0;color:#2d3748;font-size:1.5rem}.close-form-btn{background:none;border:none;font-size:1.5rem;color:#a0aec0;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease}.close-form-btn:hover{background:#e2e8f033;color:#718096}.device-form,.bulk-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#4a5568}.form-group input,.form-group textarea{padding:.75rem;border:1px solid rgba(226,232,240,.8);border-radius:.5rem;font-size:1rem;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background:#e2e8f01a;color:#a0aec0;cursor:not-allowed}.csv-info{background:#667eea0d;padding:1rem;border-radius:.5rem;margin-bottom:1rem;border:1px solid rgba(102,126,234,.1)}.csv-info p{margin:.5rem 0;font-size:.875rem;color:#4a5568}.csv-info code{background:#667eea1a;padding:.25rem .5rem;border-radius:.25rem;font-family:Courier New,monospace;font-size:.875rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.cancel-btn{background:#e2e8f080;color:#4a5568;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.cancel-btn:hover{background:#e2e8f0cc}.no-devices{text-align:center;padding:3rem;color:#a0aec0}.no-devices i{font-size:3rem;margin-bottom:1rem}.no-devices h4{margin:0 0 .5rem;color:#718096}.no-devices p{margin:0;font-size:.875rem}:root.dark-theme .admin-page{color:var(--text-primary)}:root.dark-theme .admin-header h2{background:linear-gradient(90deg,var(--primary-light),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root.dark-theme .admin-header p{color:var(--text-secondary)}:root.dark-theme .loading-container{color:var(--text-muted)}:root.dark-theme .loading-container i{color:var(--primary-light)}:root.dark-theme .error-message{background:#ff475733;color:var(--danger);border:1px solid var(--danger)}:root.dark-theme .success-message{background:#06ffa533;color:var(--success);border:1px solid var(--success)}:root.dark-theme .admin-tabs{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root.dark-theme .admin-tab{background:#ffffff0d;color:var(--text-secondary);border:1px solid rgba(255,255,255,.2)}:root.dark-theme .admin-tab:hover{background:#ffffff1a;color:var(--text-primary)}:root.dark-theme .admin-tab.active{background:var(--primary-light);color:var(--text-dark);border-color:var(--primary-light)}:root.dark-theme .admin-content{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root.dark-theme .stats-grid .stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}:root.dark-theme .stats-grid .stat-card:hover{background:#ffffff14;border-color:var(--primary-light);box-shadow:0 8px 32px rgba(var(--primary-rgb),.2)}:root.dark-theme .stat-card .stat-icon{background:linear-gradient(135deg,var(--primary-light),var(--secondary))}:root.dark-theme .stat-card .stat-value{color:var(--text-primary)}:root.dark-theme .stat-card .stat-label{color:var(--text-secondary)}:root.dark-theme .stat-card .stat-change{color:var(--text-muted)}:root.dark-theme .stat-card .stat-change.positive{color:var(--success)}:root.dark-theme .stat-card .stat-change.negative{color:var(--danger)}:root.dark-theme .users-section h3,:root.dark-theme .devices-section h3,:root.dark-theme .system-section h3{color:var(--text-primary)}:root.dark-theme .section-actions button{background:#ffffff0d;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}:root.dark-theme .section-actions button:hover{background:var(--primary-light);color:var(--text-dark);border-color:var(--primary-light)}:root.dark-theme .users-table,:root.dark-theme .devices-table{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}:root.dark-theme .users-table th,:root.dark-theme .devices-table th{background:#ffffff1a;color:var(--text-primary);border-bottom:2px solid var(--primary-light)}:root.dark-theme .users-table td,:root.dark-theme .devices-table td{border-bottom:1px solid rgba(255,255,255,.1);color:var(--text-secondary)}:root.dark-theme .users-table tbody tr:hover,:root.dark-theme .devices-table tbody tr:hover{background:#ffffff0d}:root.dark-theme .user-actions button,:root.dark-theme .device-actions button{background:#ffffff0d;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}:root.dark-theme .user-actions .edit-btn:hover,:root.dark-theme .device-actions .edit-btn:hover{background:var(--warning);color:var(--text-dark)}:root.dark-theme .user-actions .delete-btn:hover,:root.dark-theme .device-actions .delete-btn:hover{background:var(--danger);color:var(--text-light)}:root.dark-theme .user-actions .activate-btn:hover{background:var(--success);color:var(--text-dark)}:root.dark-theme .system-info{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}:root.dark-theme .system-info h4{color:var(--text-primary)}:root.dark-theme .system-info .info-item{border-bottom:1px solid rgba(255,255,255,.1)}:root.dark-theme .system-info .info-item:last-child{border-bottom:none}:root.dark-theme .system-info .info-label{color:var(--text-secondary)}:root.dark-theme .system-info .info-value{color:var(--text-primary)}:root.dark-theme .system-logs{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}:root.dark-theme .system-logs h4{color:var(--text-primary)}:root.dark-theme .log-entry{background:#ffffff05;border:1px solid rgba(255,255,255,.1)}:root.dark-theme .log-entry:hover{background:#ffffff0d}:root.dark-theme .log-entry .log-timestamp{color:var(--text-muted)}:root.dark-theme .log-entry .log-level{background:#ffffff1a;color:var(--text-primary)}:root.dark-theme .log-entry .log-level.info{background:#90e0ef33;color:var(--info)}:root.dark-theme .log-entry .log-level.warning{background:#ffd60a33;color:var(--warning)}:root.dark-theme .log-entry .log-level.error{background:#ff475733;color:var(--danger)}:root.dark-theme .log-entry .log-message{color:var(--text-secondary)}@media (max-width: 768px){:root.dark-theme .admin-tabs{flex-direction:column}:root.dark-theme .stats-grid{grid-template-columns:1fr}:root.dark-theme .users-table,:root.dark-theme .devices-table{font-size:.875rem}:root.dark-theme .modal-content{margin:1rem;max-height:calc(100vh - 2rem)}}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1050}.admin-modal-container{background:var(--background-light);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:0 10px 30px #00000026;width:90%;max-width:500px;z-index:1051;max-height:90vh;overflow-y:auto}.admin-form-group{display:flex;flex-direction:column;gap:.5rem}.admin-form-group label{font-weight:600;color:#4a5568}.device-settings-container{max-width:420px;margin:40px auto;padding:32px 28px 24px;background:#fffffff2;border-radius:18px;box-shadow:0 4px 32px #0000001a,0 1.5px 6px #00000014;border:1px solid #e0e0e0}.glass-card{background:#ffffffb3;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:0 8px 32px #1f26871a}.settings-form{display:flex;flex-direction:column;gap:18px}.settings-form label{display:flex;flex-direction:column;font-size:1.08rem;color:#333;font-weight:500}.settings-form input[type=number]{margin-top:6px;padding:8px 10px;border:1px solid #bdbdbd;border-radius:7px;font-size:1rem;background:#f7f7fa;transition:border .2s}.settings-form input[type=number]:focus{border:1.5px solid #1976d2;outline:none;background:#fff}.settings-form button{margin-top:18px;padding:10px 0;background:linear-gradient(90deg,#1976d2 60%,#42a5f5);color:#fff;font-size:1.08rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;box-shadow:0 2px 8px #1976d21a;transition:background .2s,box-shadow .2s}.settings-form button:disabled{background:#bdbdbd;cursor:not-allowed;box-shadow:none}.device-settings-container h2{text-align:center;margin-bottom:24px;color:#1976d2;font-size:1.5rem;font-weight:700;letter-spacing:.5px}:root.dark-theme .device-settings-container{background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root.dark-theme .glass-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}:root.dark-theme .device-settings-container h2{color:var(--primary-light);background:linear-gradient(90deg,var(--primary-light),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root.dark-theme .settings-form label{color:var(--text-primary)}:root.dark-theme .settings-form input[type=number]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-primary)}:root.dark-theme .settings-form input[type=number]:focus{border:1.5px solid var(--primary-light);background:#ffffff26}:root.dark-theme .settings-form input[type=number]::placeholder{color:var(--text-muted)}:root.dark-theme .settings-form button{background:linear-gradient(90deg,var(--primary-light),var(--secondary));box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}:root.dark-theme .settings-form button:hover{box-shadow:0 4px 16px rgba(var(--primary-rgb),.4)}:root.dark-theme .settings-form button:disabled{background:#fff3;color:var(--text-muted);box-shadow:none}.sensor-health-monitor{padding:20px;max-width:1200px;margin:0 auto}.monitor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.monitor-header h2{color:#333;margin:0;display:flex;align-items:center;gap:10px}.alert-badge{background:#f44336;color:#fff;padding:5px 12px;border-radius:20px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:5px;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.tab-navigation{display:flex;margin-bottom:20px;border-bottom:1px solid #ddd}.tab-button{background:none;border:none;padding:12px 20px;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;display:flex;align-items:center;gap:8px;position:relative}.tab-button:hover{background-color:#f5f5f5}.tab-button.active{border-bottom-color:#1976d2;color:#1976d2;font-weight:700}.tab-badge{background:#f44336;color:#fff;border-radius:10px;padding:2px 6px;font-size:12px;font-weight:700;margin-left:5px}.sensor-health-monitor.loading,.sensor-health-monitor.error{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-spinner{text-align:center}.loading-spinner i{font-size:48px;color:#1976d2;margin-bottom:15px}.error-message{text-align:center;color:#f44336}.error-message i{font-size:48px;margin-bottom:15px}.error-message button{background:#1976d2;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin-top:15px}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;margin-bottom:20px}.device-health-card{background:linear-gradient(135deg,#ffffffe6,#f8f9facc);border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05);transition:all .3s ease;position:relative;overflow:hidden}.device-health-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4caf50,#2196f3,#ff9800);opacity:.7}.device-health-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026;border-color:#1976d233}.device-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.device-header h3{margin:0;color:#333}.health-indicator{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;padding:8px 12px;border-radius:20px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a;border:1px solid rgba(255,255,255,.2)}.health-indicator i{font-size:18px}.device-details{margin-bottom:15px}.detail-item{display:flex;justify-content:space-between;margin-bottom:8px;padding:5px 0}.detail-item .label{font-weight:500;color:#666}.detail-item .value{color:#333;font-weight:700}.alert-item{background-color:#fff3cd;padding:8px;border-radius:5px;border-left:4px solid #ffc107}.alert-count{background:#f44336;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px}.sensor-issues{background:#f8f9fa;padding:15px;border-radius:5px;border-left:4px solid #dc3545}.sensor-issues h4{margin:0 0 12px;color:#dc3545;font-size:14px;font-weight:600}.no-devices,.no-alerts{text-align:center;padding:60px 40px;color:#666;background:linear-gradient(135deg,#f8f9facc,#ffffffe6);border-radius:16px;border:2px dashed #e0e0e0;margin:20px 0}.no-devices i,.no-alerts i{font-size:72px;margin-bottom:20px;color:#ddd;opacity:.7}.no-devices p,.no-alerts p{font-size:16px;font-weight:500;margin:0;color:#777}.issue-item{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:13px}.issue-item.critical{color:#dc3545}.issue-item.warning{color:#fd7e14}.issue-item.info{color:#0dcaf0}.sensor-name{font-weight:700;min-width:60px}.issue-status{flex:1}.alerts-list{display:flex;flex-direction:column;gap:15px}.alerts-actions{display:flex;justify-content:flex-end;margin-bottom:20px;padding:15px;background:#ffffff80;border-radius:10px;border:1px solid #e0e0e0}.mark-all-read-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 2px 10px #4caf5033}.mark-all-read-btn:hover{background:linear-gradient(135deg,#45a049,#4caf50);transform:translateY(-2px);box-shadow:0 4px 15px #4caf504d}.mark-all-read-btn:active{transform:translateY(0)}.alerts-filter{margin-bottom:20px;padding:15px;background:#ffffffb3;border-radius:12px;border:1px solid rgba(0,0,0,.05)}.filter-buttons{display:flex;gap:10px;flex-wrap:wrap}.filter-btn{background:#fffc;border:2px solid #e0e0e0;padding:10px 16px;border-radius:25px;cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease;color:#666}.filter-btn:hover{background:#1976d21a;border-color:#1976d2;color:#1976d2;transform:translateY(-1px)}.filter-btn.active{background:linear-gradient(135deg,#1976d2,#42a5f5);border-color:#1976d2;color:#fff;box-shadow:0 4px 15px #1976d24d}.filter-btn i{font-size:14px}.alert-item{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 15px #00000014;border-left:4px solid #ddd;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.alert-item.critical{border-left-color:#dc3545;background:linear-gradient(135deg,#dc354505,#fff)}.alert-item.warning{border-left-color:#fd7e14;background:linear-gradient(135deg,#fd7e1405,#fff)}.alert-item.info{border-left-color:#0dcaf0;background:linear-gradient(135deg,#0dcaf005,#fff)}.alert-item.unread{background:linear-gradient(135deg,#1976d20d,#fff);border:1px solid rgba(25,118,210,.2);box-shadow:0 4px 20px #1976d21a}.alert-item.unread:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1976d2,#42a5f5)}.alert-item:hover{transform:translateY(-3px);box-shadow:0 6px 25px #00000026}.sensor-alert-header{display:flex;align-items:center;gap:15px;margin-bottom:15px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.05);position:relative}.sensor-alert-header:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(180deg,var(--primary),var(--secondary));border-radius:2px;opacity:.7}.alert-icon{font-size:28px;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#ffffffe6;box-shadow:0 4px 15px #0000001a;border:2px solid rgba(255,255,255,.8);transition:all .3s ease;margin-left:8px}.alert-icon:hover{transform:scale(1.05);box-shadow:0 6px 20px #00000026}.alert-icon .fa-exclamation-triangle{color:#dc3545}.alert-icon .fa-exclamation-circle{color:#fd7e14}.alert-icon .fa-info-circle{color:#0dcaf0}.alert-info{flex:1;padding-left:4px}.alert-info h4{margin:0 0 8px;color:#333;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.alert-info h4:before{content:"";width:6px;height:6px;background:var(--primary);border-radius:50%;display:inline-block}.alert-type{font-size:12px;color:#666;text-transform:uppercase;font-weight:700;letter-spacing:1px;background:#0000000d;padding:4px 8px;border-radius:12px;display:inline-block}.alert-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.unread-dot{width:10px;height:10px;background:linear-gradient(135deg,#1976d2,#42a5f5);border-radius:50%;box-shadow:0 0 15px #1976d280;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}.timestamp{font-size:12px;color:#666;font-weight:500;background:#0000000d;padding:4px 8px;border-radius:8px}.alert-message{background:linear-gradient(135deg,#f8f9facc,#ffffffe6);padding:15px;border-radius:8px;margin-bottom:12px;font-size:14px;line-height:1.5;border:1px solid rgba(0,0,0,.05);box-shadow:inset 0 1px 3px #0000000d}.alert-details{background:linear-gradient(135deg,#f1f3f4cc,#ffffffe6);padding:15px;border-radius:8px;font-size:13px;border:1px solid rgba(0,0,0,.08)}.alert-details strong{color:#333;font-weight:600}.alert-details ul{margin:8px 0 0;padding-left:20px}.alert-details ul li{margin-bottom:5px;line-height:1.4}.alert-details code{background:#0000000d;padding:8px 12px;border-radius:6px;font-family:Courier New,monospace;font-size:12px;display:block;margin-top:8px;white-space:pre-wrap;border:1px solid rgba(0,0,0,.1);line-height:1.4}.alert-count{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;padding:4px 10px;border-radius:15px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #f443364d}.sensor-issues{background:linear-gradient(135deg,#dc35450d,#ffffffe6);padding:18px;border-radius:10px;border-left:4px solid #dc3545;border:1px solid rgba(220,53,69,.1);margin-top:15px}@media (max-width: 768px){.device-grid{grid-template-columns:1fr}.monitor-header{flex-direction:column;gap:15px;align-items:flex-start}.sensor-alert-header{flex-direction:column;align-items:flex-start;gap:12px;padding:15px 0}.sensor-alert-header:before{display:none}.alert-status{align-items:flex-start}.detail-item{flex-direction:column;gap:5px}.alerts-actions{padding:12px}.mark-all-read-btn{width:100%;justify-content:center;padding:12px 20px}.alert-icon{width:40px;height:40px;font-size:20px}.device-health-card{padding:20px}.no-devices,.no-alerts{padding:40px 20px}.no-devices i,.no-alerts i{font-size:56px}}[dir=rtl] .sensor-health-monitor{text-align:right}[dir=rtl] .device-header,[dir=rtl] .sensor-alert-header{flex-direction:row-reverse}[dir=rtl] .sensor-alert-header:before{left:auto;right:0}[dir=rtl] .alert-icon{margin-left:0;margin-right:8px}[dir=rtl] .alert-info{padding-left:0;padding-right:4px}[dir=rtl] .health-indicator,[dir=rtl] .issue-item{flex-direction:row-reverse}:root.dark-theme .sensor-health-monitor{background:var(--bg-primary);color:var(--text-primary)}:root.dark-theme .monitor-header{border-bottom-color:#ffffff1a}:root.dark-theme .monitor-header h2{color:var(--text-primary);background:linear-gradient(90deg,var(--primary-light),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root.dark-theme .alert-badge{background:linear-gradient(135deg,var(--danger),var(--danger-light));color:var(--text-light);box-shadow:0 4px 15px rgba(var(--danger-rgb),.3)}:root.dark-theme .tab-navigation{border-bottom-color:#ffffff1a}:root.dark-theme .tab-button{color:var(--text-secondary);transition:all .3s ease}:root.dark-theme .tab-button:hover{background-color:#ffffff0d;color:var(--text-primary)}:root.dark-theme .tab-button.active{border-bottom-color:var(--primary-light);color:var(--primary-light);background:#ffffff05}:root.dark-theme .tab-badge{background:linear-gradient(135deg,var(--danger),var(--danger-light));color:var(--text-light)}:root.dark-theme .loading-spinner{color:var(--text-muted)}:root.dark-theme .loading-spinner i{color:var(--primary-light)}:root.dark-theme .error-message{color:var(--danger)}:root.dark-theme .error-message i{color:var(--danger)}:root.dark-theme .error-message button{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--text-light);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px rgba(var(--primary-rgb),.3)}:root.dark-theme .error-message button:hover{background:linear-gradient(135deg,var(--primary-light),var(--primary));box-shadow:0 6px 20px rgba(var(--primary-rgb),.4);transform:translateY(-2px)}:root.dark-theme .device-health-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0003}:root.dark-theme .device-health-card:hover{background:#ffffff14;border-color:var(--primary-light);box-shadow:0 12px 40px #0000004d;transform:translateY(-2px)}:root.dark-theme .device-header{border-bottom-color:#ffffff1a}:root.dark-theme .device-header h3{color:var(--text-primary)}:root.dark-theme .health-indicator{color:var(--text-primary)}:root.dark-theme .health-indicator.excellent{color:var(--success)}:root.dark-theme .health-indicator.good{color:var(--success-light)}:root.dark-theme .health-indicator.fair{color:var(--warning)}:root.dark-theme .health-indicator.poor{color:var(--danger-light)}:root.dark-theme .health-indicator.critical{color:var(--danger)}:root.dark-theme .health-indicator.unknown{color:var(--text-muted)}:root.dark-theme .detail-item .label{color:var(--text-secondary)}:root.dark-theme .detail-item .value{color:var(--text-primary)}:root.dark-theme .alert-item{background:#ffffff08;border-left-color:#fff3;box-shadow:0 4px 15px #0000001a}:root.dark-theme .alert-item.critical{background:#dc35450d;border-left-color:var(--danger)}:root.dark-theme .alert-item.warning{background:#fd7e140d;border-left-color:var(--warning)}:root.dark-theme .alert-item.info{background:#0dcaf00d;border-left-color:var(--info)}:root.dark-theme .alert-item.unread{background:rgba(var(--primary-rgb),.1);border:1px solid var(--primary-light)}:root.dark-theme .alert-item:hover{background:#ffffff14;box-shadow:0 6px 20px #0003}:root.dark-theme .alert-info h4{color:var(--text-primary)}:root.dark-theme .alert-type{color:var(--text-muted)}:root.dark-theme .timestamp{color:var(--text-muted)}:root.dark-theme .alert-message{background:#ffffff08;color:var(--text-secondary);border:1px solid rgba(255,255,255,.05)}:root.dark-theme .alert-details{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}:root.dark-theme .alert-details strong{color:var(--text-primary)}:root.dark-theme .alert-details code{background:#0000004d;color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}:root.dark-theme .alert-count{background:linear-gradient(135deg,var(--danger),var(--danger-light));color:var(--text-light)}:root.dark-theme .sensor-issues{background:#dc35450d;border-left-color:var(--danger);border:1px solid rgba(220,53,69,.1)}:root.dark-theme .sensor-issues h4{color:var(--danger)}:root.dark-theme .issue-item.critical{color:var(--danger)}:root.dark-theme .issue-item.warning{color:var(--warning)}:root.dark-theme .issue-item.info{color:var(--info)}:root.dark-theme .sensor-name{color:var(--text-primary)}:root.dark-theme .issue-status{color:var(--text-secondary)}:root.dark-theme .no-devices,:root.dark-theme .no-alerts{color:var(--text-muted)}:root.dark-theme .no-devices i,:root.dark-theme .no-alerts i{color:#ffffff1a}:root.dark-theme .unread-dot{background:var(--primary-light);box-shadow:0 0 10px rgba(var(--primary-rgb),.5)}:root.dark-theme .alerts-actions{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}:root.dark-theme .mark-all-read-btn{background:linear-gradient(135deg,var(--success),var(--success-light));color:var(--text-light);box-shadow:0 4px 15px rgba(var(--success-rgb),.3)}:root.dark-theme .mark-all-read-btn:hover{background:linear-gradient(135deg,var(--success-light),var(--success));box-shadow:0 6px 20px rgba(var(--success-rgb),.4)}:root.dark-theme .alert-icon{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}:root.dark-theme .alert-type{background:#ffffff1a;color:var(--text-secondary)}:root.dark-theme .timestamp{background:#ffffff0d;color:var(--text-muted);border:1px solid rgba(255,255,255,.05)}:root.dark-theme .health-indicator{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}:root.dark-theme .sensor-alert-header{border-bottom-color:#ffffff1a}:root.dark-theme .sensor-alert-header:before{background:linear-gradient(180deg,var(--primary-light),var(--secondary))}:root.dark-theme .alert-info h4:before{background:var(--primary-light)}:root.dark-theme .alerts-filter{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}:root.dark-theme .filter-btn{background:#ffffff0d;border-color:#ffffff1a;color:var(--text-secondary)}:root.dark-theme .filter-btn:hover{background:rgba(var(--primary-rgb),.1);border-color:var(--primary-light);color:var(--primary-light)}:root.dark-theme .filter-btn.active{background:linear-gradient(135deg,var(--primary),var(--primary-light));border-color:var(--primary-light);color:var(--text-light)}.toast{position:fixed;top:20px;right:20px;min-width:300px;max-width:400px;background:var(--card-background);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:9999!important;transform:translate(100%);transition:transform .3s ease,opacity .3s ease;overflow:hidden}.toast.show{transform:translate(0);opacity:1}.toast.hide{transform:translate(100%);opacity:0}.toast-content{padding:15px;display:flex;align-items:center;gap:12px}.toast-icon{font-size:1.2rem;flex-shrink:0}.toast-message{flex:1;font-size:.9rem;line-height:1.4;color:var(--text-color)}.toast-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:background .3s ease;flex-shrink:0}.toast-close:hover{background:var(--hover-color)}.toast-progress{height:3px;background:var(--primary-color);transition:width .1s linear;border-radius:0 0 8px 8px}.toast.critical{border-left:4px solid #ff4444}.toast.critical .toast-icon{color:#f44}.toast.critical .toast-progress{background:#f44}.toast.warning{border-left:4px solid #ff9800}.toast.warning .toast-icon{color:#ff9800}.toast.warning .toast-progress{background:#ff9800}.toast.info{border-left:4px solid #2196f3}.toast.info .toast-icon{color:#2196f3}.toast.info .toast-progress{background:#2196f3}.toast.success{border-left:4px solid #4caf50}.toast.success .toast-icon{color:#4caf50}.toast.success .toast-progress{background:#4caf50}[dir=rtl] .toast{right:auto;left:20px;transform:translate(-100%)}[dir=rtl] .toast.show{transform:translate(0)}[dir=rtl] .toast.hide{transform:translate(-100%)}[dir=rtl] .toast.critical,[dir=rtl] .toast.warning,[dir=rtl] .toast.info,[dir=rtl] .toast.success{border-left:none;border-right:4px solid}[dir=rtl] .toast.critical{border-right-color:#f44}[dir=rtl] .toast.warning{border-right-color:#ff9800}[dir=rtl] .toast.info{border-right-color:#2196f3}[dir=rtl] .toast.success{border-right-color:#4caf50}:root.dark-theme .toast{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}:root.dark-theme .toast-content{color:var(--text-primary)}:root.dark-theme .toast-message{color:var(--text-primary)}:root.dark-theme .toast-title{color:var(--text-primary)}:root.dark-theme .toast-description{color:var(--text-secondary)}:root.dark-theme .toast-close{color:var(--text-muted);background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}:root.dark-theme .toast-close:hover{background:#ffffff1a;color:var(--text-primary)}:root.dark-theme .toast.success{background:#10b9811a;border-color:var(--success);box-shadow:0 8px 32px #10b98133}:root.dark-theme .toast.success .toast-icon{color:var(--success)}:root.dark-theme .toast.error{background:#ef44441a;border-color:var(--danger);box-shadow:0 8px 32px #ef444433}:root.dark-theme .toast.error .toast-icon{color:var(--danger)}:root.dark-theme .toast.warning{background:#f59e0b1a;border-color:var(--warning);box-shadow:0 8px 32px #f59e0b33}:root.dark-theme .toast.warning .toast-icon{color:var(--warning)}:root.dark-theme .toast.info{background:#06b6d41a;border-color:var(--info);box-shadow:0 8px 32px #06b6d433}:root.dark-theme .toast.info .toast-icon{color:var(--info)}:root.dark-theme .toast-progress{background:#ffffff1a}:root.dark-theme .toast-progress:before{background:linear-gradient(90deg,var(--primary-light),var(--primary))}:root.dark-theme .toast.success .toast-progress:before{background:linear-gradient(90deg,var(--success),var(--success-light))}:root.dark-theme .toast.error .toast-progress:before{background:linear-gradient(90deg,var(--danger),var(--danger-light))}:root.dark-theme .toast.warning .toast-progress:before{background:linear-gradient(90deg,var(--warning),var(--warning-light))}:root.dark-theme .toast.info .toast-progress:before{background:linear-gradient(90deg,var(--info),var(--info-light))}@media (max-width: 768px){.toast{right:10px;left:10px;min-width:auto;max-width:none;transform:translateY(-100%)}.toast.show{transform:translateY(0)}.toast.hide,[dir=rtl] .toast{transform:translateY(-100%)}[dir=rtl] .toast.show{transform:translateY(0)}[dir=rtl] .toast.hide{transform:translateY(-100%)}}