:root{--color-primary:#050913;--color-primary-light:#0b1628;--color-primary-lighter:#162845;--color-accent:#d7b64d;--color-accent-light:#f1d98b;--color-accent-hover:#c9a33a;--color-danger:#ff4d5a;--color-warning:#f6a524;--color-success:#14d6a1;--color-cyan:#57c7ff;--text-primary:#f3f8ff;--text-secondary:#98a8c7;--text-tertiary:#60708f;--text-dark:#0a192f;--bg-dark:#060a12;--bg-card:#0a1323b8;--bg-glass:linear-gradient(145deg, #132137d1 0%, #08101ec2 52%, #16253dad 100%);--bg-sidebar-glass:linear-gradient(180deg, #0f1827e6 0%, #080e18d6 100%);--bg-glass-border:#87a2cc2e;--bg-glass-highlight:#e1eeff57;--shadow-card:0 20px 48px #00000057;--shadow-soft:0 10px 30px #0ad6a114;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5}body{background-color:var(--bg-dark);background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(135deg,#060a12 0%,#071326 42%,#090f18 100%);background-size:48px 48px,48px 48px,auto;flex-direction:column;min-height:100vh;margin:0;padding:0;display:flex}.ambient-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-bg:before,.ambient-bg:after{content:"";position:absolute}.ambient-bg:before{background:linear-gradient(115deg,#d7b64d29 0%,#0000 24%),linear-gradient(290deg,#57c7ff21 0%,#0000 36%),linear-gradient(#14d6a10d,#0000 62%);inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000000e0 54%,#000000b8 100%);mask-image:linear-gradient(90deg,#000 0%,#000000e0 54%,#000000b8 100%)}.ambient-bg:after{opacity:.36;background-image:linear-gradient(90deg,#d7b64d0f 1px,#0000 1px),linear-gradient(#57c7ff0e 1px,#0000 1px);background-size:96px 96px;inset:0}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(22px)saturate(125%);border:1px solid var(--bg-glass-border);border-top-color:var(--bg-glass-highlight);box-shadow:inset 0 1px 0 #ffffff1a, var(--shadow-card);border-left-color:#d7b64d47;border-radius:8px;padding:24px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.glass-card:before{content:"";pointer-events:none;opacity:.8;background:linear-gradient(105deg,#ffffff1a,#0000 34%,#57c7ff0a 72%,#0000);position:absolute;inset:0}.glass-card:hover{border-top-color:#d7b64d8a;border-left-color:#57c7ff6b;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff24,0 26px 54px #0000006b}.command-center-shell{background:linear-gradient(#050a1347,#050a13d1),linear-gradient(90deg,#d7b64d0f,#0000 24%,#57c7ff0d)}.sidebar-shell{background:var(--bg-sidebar-glass);-webkit-backdrop-filter:blur(24px)saturate(128%);border-right:1px solid #94a8cc29;box-shadow:12px 0 42px #00000052}.nav-item{position:relative}.nav-item:hover{background:#ffffff0d;color:var(--text-primary)!important}.nav-item-active{background:linear-gradient(90deg,#d7b64d2e,#57c7ff0f)!important;box-shadow:inset 1px 1px #ffffff14,0 10px 24px #0000002e!important}.sidebar-profile{background:linear-gradient(#ffffff09,#ffffff04)}.profile-avatar{box-shadow:inset 0 0 0 1px #d7b64d52,0 0 18px #d7b64d1a}.main-shell{scrollbar-gutter:stable}.dashboard-page{padding:34px 40px 40px}.dashboard-header{gap:24px;margin-bottom:26px}.dashboard-eyebrow{color:var(--color-cyan);letter-spacing:0;margin-bottom:7px;font-size:11px;font-weight:700}.dashboard-title{color:#fff;text-shadow:0 0 28px #57c7ff33;font-size:28px;font-weight:800}.dashboard-subtitle{color:var(--text-secondary);font-size:14px}.status-pills{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.status-pills span{color:#cddaf0;background:#ffffff0b;border:1px solid #87a2cc29;border-radius:8px;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:12px;display:inline-flex}.kpi-grid{margin-bottom:24px}.kpi-card{min-height:144px;padding:26px}.kpi-card.is-alert{background:linear-gradient(145deg,#35141ec7,#0a1220bd 58%,#231724b3)}.kpi-label{color:#a8b7d4!important}.kpi-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.kpi-value{letter-spacing:0;font-size:34px;font-weight:800;line-height:1}.kpi-sub{margin-top:10px;font-size:12px}.dashboard-panel,.warning-panel{min-width:0}.iot-sandbox{background:linear-gradient(#07101fdb,#040a13eb),linear-gradient(115deg,#57c7ff14,#0000 44%,#d7b64d12);border:1px solid #87a2cc2e;box-shadow:inset 0 0 42px #57c7ff0d}.sandbox-grid{background-image:linear-gradient(90deg,#87a2cc12 1px,#0000 1px),linear-gradient(#87a2cc0f 1px,#0000 1px);background-size:40px 40px}.alert-row{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a 0%,#ffffff06 58%,#57c7ff0f 100%);border-radius:8px;padding:14px;box-shadow:inset 0 1px #ffffff14}.alert-row.is-danger{background:linear-gradient(135deg,#ff4d5a29 0%,#ffffff09 54%,#f6a52414 100%)}.alert-row.is-ok{background:linear-gradient(135deg,#14d6a11f 0%,#ffffff08 58%,#57c7ff0f 100%)}@media (width<=1180px){.dashboard-page{padding:28px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-grid{grid-template-columns:1fr!important}}@media (width<=760px){.command-center-shell{flex-direction:column}.sidebar-shell{max-height:280px;width:100%!important;min-width:0!important}.sidebar-shell nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding-bottom:10px;display:grid}.dashboard-page{padding:22px 16px 28px}.dashboard-header{flex-direction:column;align-items:flex-start!important}.dashboard-title{font-size:24px}.kpi-grid{grid-template-columns:1fr!important}.glass-card{padding:18px}.kpi-card{min-height:124px}.iot-sandbox{min-height:300px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-primary-lighter);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.text-gold{color:var(--color-accent)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-success{color:var(--color-success)}.text-muted{color:var(--text-secondary)}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}@keyframes iot-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.iot-node{animation:2s ease-in-out infinite iot-pulse}.iot-node.danger{animation-duration:.8s}.iot-node.warning{animation-duration:1.5s}.iot-node.success{animation-duration:3s}
