:root{--color-primary:#f80090;--color-secondary:#002636;--color-dark:#2b1d15;--color-white:#fff;--bg-primary:#fff;--bg-dark:#111;--bg-panel:#111111d9;--status-active:#ff2a9d;--status-resolved:#10b981;--status-false-alarm:#f59e0b;--status-offline:#9494b0;--text-primary:#2b1d15;--text-light:#fff;--text-muted:#a1a1aa;--border-color:#ffffff1a;--shadow-soft:0 10px 30px #00000014;--shadow-panel:0 32px 64px #00000080, 0 0 0 1px #0003}
:root{--font-primary:"Inter", sans-serif;--font-display:"Clash Display", sans-serif;--text-xs:11px;--text-sm:12px;--text-md:14px;--text-lg:18px;--text-xl:24px}body{font-family:var(--font-primary)}.heading-display{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800}.text-muted{color:var(--text-muted)}
.m-0{margin:0!important}.p-0{padding:0!important}.hidden{display:none!important}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.w-full{width:100%}.h-full{height:100%}.panel-scrollable{overflow:hidden auto}.panel-scrollable::-webkit-scrollbar{width:6px}.panel-scrollable::-webkit-scrollbar-track{background:0 0;margin:12px 0}.panel-scrollable::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}
.fade-in{animation:.5s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-pulse-dot{animation:1.4s infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.animate-pulse-ring{animation:2s infinite pulseRing}@keyframes pulseRing{0%{box-shadow:0 0 #f8009066}to{box-shadow:0 0 0 16px #f8009000}}
.btn{font-weight:700;font-size:var(--text-md);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:12px 24px;text-decoration:none;transition:all .3s;display:inline-flex}.btn svg{width:1.15em;height:1.15em}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-success{color:var(--status-resolved);background:#10b98126;border:1px solid #10b9814d}.btn-light{background:var(--color-white);color:var(--color-dark)}.btn-full{width:100%}