*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#0a1628;color:#fff;overflow-x:hidden;min-width:1920px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f1f3d80}::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.glow-text{text-shadow:0 0 10px rgba(0,212,255,.8)}.glow-text-strong{text-shadow:0 0 20px rgba(0,212,255,1)}.glow-border{border:1px solid rgba(0,212,255,.6);box-shadow:0 0 20px #00d4ff80}.glow-border-strong{border:1px solid rgba(0,212,255,.8);box-shadow:0 0 30px #00d4ffb3}.airiot-panel{background:#0f1f3dcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,212,255,.3);border-radius:8px;padding:20px;box-shadow:0 4px 20px #00000080;transition:all .3s cubic-bezier(.4,0,.2,1)}.airiot-panel:hover{background:#0f1f3df2;border-color:#00d4ff99;box-shadow:0 8px 30px #00d4ff4d}.panel-title{font-size:16px;font-weight:600;color:#00d4ff;margin-bottom:16px;display:flex;align-items:center;gap:8px}.panel-title:before{content:"";width:4px;height:16px;background:linear-gradient(180deg,#00d4ff 0%,transparent 100%);border-radius:2px}.decoration-line{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,212,255,.5) 50%,transparent 100%)}.decoration-line-vertical{width:1px;background:linear-gradient(180deg,transparent 0%,rgba(0,212,255,.5) 50%,transparent 100%)}.corner-decoration{position:relative}.corner-decoration:before,.corner-decoration:after{content:"";position:absolute;width:20px;height:20px;border:2px solid rgba(0,212,255,.5)}.corner-decoration:before{top:0;left:0;border-right:none;border-bottom:none}.corner-decoration:after{bottom:0;right:0;border-left:none;border-top:none}.data-card{background:#0f1f3d99;border:1px solid rgba(0,212,255,.2);border-radius:6px;padding:16px;transition:all .3s ease}.data-card:hover{background:#0f1f3dcc;border-color:#00d4ff66;transform:translateY(-2px)}.data-value{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:24px;font-weight:700;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.5)}.data-value-large{font-size:32px}.data-label{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.status-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-indicator.online{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-indicator.offline{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-indicator.warning{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.status-dot.online{background:#10b981;box-shadow:0 0 10px #10b981cc}.status-dot.offline{background:#ef4444;box-shadow:0 0 10px #ef4444cc}.status-dot.warning{background:#fbbf24;box-shadow:0 0 10px #fbbf24cc}.airiot-button{padding:8px 16px;border:1px solid rgba(0,212,255,.5);border-radius:4px;background:#00d4ff1a;color:#00d4ff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.airiot-button:hover{background:#00d4ff33;border-color:#00d4ffcc;box-shadow:0 0 20px #00d4ff66;transform:translateY(-1px)}.airiot-button:active{transform:translateY(0)}.airiot-button.primary{background:#00d4ff4d;border-color:#00d4ff}.grid-layout{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #00d4ff80}50%{box-shadow:0 0 30px #00d4ffcc}}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-glow{animation:glow-pulse 2s ease-in-out infinite}.animate-slide-in-right{animation:slide-in-right .5s ease-out}.animate-slide-in-left{animation:slide-in-left .5s ease-out}.animate-fade-in{animation:fade-in .5s ease-out}.animate-scale-in{animation:scale-in .3s ease-out}@media(max-width:1920px){body{min-width:1920px;overflow-x:auto}}@media print{.no-print{display:none!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1920px){.max-w-\[1920px\]{max-width:100%}}@media(max-width:1536px){.grid-cols-12>.col-span-3{grid-column:span 4 / span 4}.grid-cols-12>.col-span-6{grid-column:span 8 / span 8}}@media(max-width:1280px){.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-12>.col-span-3,.grid-cols-12>.col-span-4{grid-column:span 6 / span 6}.grid-cols-12>.col-span-6{grid-column:span 12 / span 12}}@media(max-width:1024px){.grid-cols-4,.grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-12>.col-span-3,.grid-cols-12>.col-span-4,.grid-cols-12>.col-span-6,.grid-cols-12>.col-span-8{grid-column:span 12 / span 12}nav h1{font-size:1.25rem!important}nav .flex.items-center.gap-8{gap:1rem!important}nav button{font-size:.75rem!important;padding:.375rem .75rem!important}}@media(max-width:768px){body{font-size:14px}main{padding:1rem!important}nav svg{display:none}nav{height:auto!important;min-height:60px;flex-direction:column;padding:.75rem!important}nav .absolute{position:relative!important;transform:none!important;left:auto!important;top:auto!important}nav .flex.items-center.gap-8{margin:.5rem 0 0!important;flex-wrap:wrap;justify-content:center}[style*="height: 600px"],[style*="height: 550px"],[style*="height: 400px"]{height:300px!important}[style*="height: 320px"],[style*="height: 300px"],[style*="height: 280px"]{height:250px!important}}@media(max-width:640px){nav h1{font-size:1rem!important}nav button{font-size:.625rem!important;padding:.25rem .5rem!important}.fixed.top-4.right-4{top:.5rem!important;right:.5rem!important;font-size:.625rem!important}.fixed.top-4.right-4 button{padding:.375rem .75rem!important;font-size:.625rem!important}.stat-card{padding:.75rem!important}table{font-size:.75rem!important}table th,table td{padding:.5rem!important}}@media(min-width:1920px){body{overflow-x:auto}}.overflow-x-auto::-webkit-scrollbar{height:8px}.overflow-x-auto::-webkit-scrollbar-track{background:#0ea5e91a}.overflow-x-auto::-webkit-scrollbar-thumb{background:#00d4ff80;border-radius:4px}.overflow-x-auto::-webkit-scrollbar-thumb:hover{background:#00d4ffcc}