: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{grid-template-rows:80px 1fr 60px;grid-template-columns:300px 1fr 300px;gap:20px;height:100vh;padding:20px;display:grid}header{grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.sidebar-left{flex-direction:column;grid-column:1;gap:15px;display:flex;overflow-y:auto}.main-content{flex-direction:column;grid-column:2;gap:20px;display:flex;position:relative}.sidebar-right{flex-direction:column;grid-column:3;gap:15px;display:flex}footer{grid-column:1/-1;align-items:center;display:flex}.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;background:#000;border-radius:8px;width:100%;position:relative;overflow:hidden}.webcam-label{background:#0009;border-radius:4px;padding:2px 8px;font-size:.7rem;position:absolute;bottom:8px;left:8px}.status-indicator{border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.status-online{background-color:#10b981;box-shadow:0 0 8px #10b981}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:10px}