:root{--br-bg:#080d14;--br-panel:#101925;--br-panel2:#142233;--br-line:#263548;--br-text:#edf4ff;--br-muted:#8da0b7;--br-cyan:#57d5ff;--br-green:#66dfa5;--br-amber:#f4ae4f;--br-red:#ff7070}body.bruxism-app{background:radial-gradient(circle at 15% 0,#13263b 0,var(--br-bg) 38%);color:var(--br-text);min-height:100vh}.br-nav{background:rgba(8,13,20,.92);border-bottom:1px solid var(--br-line);backdrop-filter:blur(16px)}.br-shell{max-width:1440px;margin:0 auto;padding:24px}.br-card{background:linear-gradient(180deg,rgba(20,34,51,.96),rgba(16,25,37,.96));border:1px solid var(--br-line);border-radius:18px;box-shadow:0 16px 50px rgba(0,0,0,.18)}.br-hero{padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px}.br-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.14em;color:var(--br-muted)}.br-state{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;line-height:1.05}.br-state.ok{color:var(--br-green)}.br-state.warn{color:var(--br-amber)}.br-pulse{width:56px;height:56px;border-radius:50%;background:#334155;box-shadow:0 0 0 10px rgba(51,65,85,.25)}.br-pulse.online{background:var(--br-green);box-shadow:0 0 0 10px rgba(102,223,165,.1),0 0 38px rgba(102,223,165,.28)}.br-pulse.event{background:var(--br-amber);box-shadow:0 0 0 10px rgba(244,174,79,.12),0 0 45px rgba(244,174,79,.32)}.br-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.br-metric{padding:18px}.br-metric span{display:block;color:var(--br-muted);font-size:.78rem;margin-bottom:6px}.br-metric strong{font-size:1.7rem}.br-section{padding:20px}.br-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:16px}.br-chart{position:relative;height:330px}.br-chart-sm{position:relative;height:220px}.br-muted{color:var(--br-muted)}.br-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--br-line);border-radius:999px;color:var(--br-muted);font-size:.78rem}.br-table{--bs-table-bg:transparent;--bs-table-color:var(--br-text);--bs-table-border-color:var(--br-line)}.br-table th{color:var(--br-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.br-login{min-height:100vh;display:grid;place-items:center;padding:20px}.br-login-card{width:min(440px,100%);padding:30px}.br-login-card .form-control{background:#0b131e;border-color:var(--br-line);color:var(--br-text)}.br-login-card .form-control:focus{background:#0b131e;color:var(--br-text);border-color:var(--br-cyan);box-shadow:0 0 0 .2rem rgba(87,213,255,.12)}.br-login-card .form-control::placeholder{color:#5f7187}.br-kpi-note{font-size:.75rem;color:var(--br-muted);margin-top:4px}.br-offline{color:var(--br-red)}.br-online{color:var(--br-green)}@media(max-width:1100px){.br-metrics{grid-template-columns:repeat(3,1fr)}.br-grid{grid-template-columns:1fr}}@media(max-width:640px){.br-shell{padding:14px}.br-metrics{grid-template-columns:repeat(2,1fr)}.br-hero{padding:18px}.br-metric strong{font-size:1.35rem}.br-nav .navbar-brand span{display:none}}