:root{--bg-dark:#050b14;--bg-card:#0d1929b3;--accent-cyan:#00f2ff;--accent-orange:#ff9d00;--accent-red:#ff3e3e;--text-primary:#fff;--text-secondary:#94a3b8;--border-glass:#ffffff1a;--font-main:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-main);min-height:100vh;overflow-x:hidden}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:16px;box-shadow:0 8px 32px #0000005e}.glow-cyan{box-shadow:0 0 20px #00f2ff33}.glow-orange{box-shadow:0 0 20px #ff9d0033}.dashboard-container{flex-direction:column;gap:15px;width:100%;min-height:100dvh;padding:10px;display:flex}header{flex-direction:column;gap:10px;width:100%;padding:15px;display:flex}@media (width<=640px){header h1{font-size:1.2rem!important}header .glass{padding:5px 10px!important;font-size:.7rem!important}}.main-content{flex-direction:column;order:1;gap:20px;width:100%;display:flex}.sidebar-left{flex-direction:column;order:2;gap:15px;width:100%;display:flex}.sidebar-right{flex-direction:column;order:3;gap:15px;width:100%;display:flex}footer{order:4;width:100%;height:auto;min-height:50px;padding:10px}@media (width>=1024px){.dashboard-container{grid-template-rows:auto 1fr auto;grid-template-columns:320px 1fr 320px;gap:20px;height:100vh;padding:20px;display:grid}header{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center;height:80px;padding:0 20px}.sidebar-left{order:unset;grid-column:1;height:calc(100vh - 180px);overflow-y:auto}.main-content{order:unset;grid-column:2;height:calc(100vh - 180px);overflow-y:auto}.sidebar-right{order:unset;grid-column:3;height:calc(100vh - 180px);overflow-y:auto}footer{order:unset;grid-column:1/-1;height:60px}}.gauge-row{flex-direction:column;gap:15px;width:100%;height:auto;min-height:400px;display:flex}.gauge-row>div{width:100%;height:220px}.stat-row{flex-direction:column;gap:10px;width:100%;display:flex}@media (width>=640px){.stat-row{flex-direction:row}}@media (width>=768px){.gauge-row{height:250px;min-height:unset;flex-direction:row}.gauge-row>div{height:100%}}.card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:15px;font-size:.9rem;font-weight:600;display:flex}.webcam-container{aspect-ratio:16/9;border:1px solid var(--border-glass);background:#000;border-radius:12px;width:100%;position:relative;overflow:hidden}.webcam-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#050b14cc;border:1px solid #ffffff1a;border-radius:6px;padding:4px 12px;font-size:.7rem;position:absolute;bottom:12px;left:12px}.status-indicator{border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.status-online{background-color:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:10px}