:root{--bg-primary: #0f1115;--bg-secondary: #1a1d24;--bg-card: rgba(26, 29, 36, .7);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--border-color: rgba(255, 255, 255, .08);--gradient-main: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--font-main: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}.app-container{display:flex;flex-direction:column;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:0 4px 20px #0003}.logo{font-size:1.5rem;font-weight:700;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}main{flex:1;padding:2rem 3rem;display:grid;grid-template-columns:350px 1fr;gap:2rem}@media (max-width: 1024px){main{grid-template-columns:1fr}}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.glass-panel:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.device-list{display:flex;flex-direction:column;gap:1rem;max-height:80vh;overflow-y:auto;padding-right:.5rem}.device-list::-webkit-scrollbar{width:6px}.device-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.device-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;flex-shrink:0}.device-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-main);opacity:0;transition:opacity .2s ease}.device-card:hover,.device-card.active{border-color:var(--accent-primary);background:#3b82f60d}.device-card.active:before{opacity:1}.device-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.device-name{font-weight:600;font-size:1.1rem}.device-eui{font-size:.8rem;color:var(--text-secondary);font-family:monospace}.device-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem}.stat-box{display:flex;flex-direction:column;background:#0003;padding:.75rem;border-radius:8px}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.stat-value{font-size:1.25rem;font-weight:600;color:var(--accent-primary)}.map-container{height:500px;border-radius:12px;overflow:hidden;border:1px solid var(--border-color);margin-bottom:2rem}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.chart-container{height:300px;width:100%}.loading{display:flex;justify-content:center;align-items:center;height:100%;color:var(--text-secondary);font-size:1.2rem;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.leaflet-container{background:#1a1d24}.leaflet-layer,.leaflet-control-zoom-in,.leaflet-control-zoom-out,.leaflet-control-attribution{filter:invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%)}