:root{--color-navy: #14243d;--color-teal: #2563eb;--color-teal-light: #dbeafe;--color-cyan: #29abe2;--color-bg: #f6f8fb;--color-card: #ffffff;--color-border: #e3e8ef;--color-text: #182230;--color-text-secondary: #667085;--color-success: #168a5b;--color-success-bg: #e3f6ee;--color-warning: #e58a00;--color-warning-bg: #fef3e0;--color-critical: #d92d3a;--color-critical-bg: #fbe6e8;--color-muted: #98a2b3}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:var(--color-card);padding:2.5rem;border-radius:12px;box-shadow:0 4px 24px #12304714;width:100%;max-width:360px}.login-card h1{font-size:1.25rem;margin-bottom:1.5rem}.field{margin-bottom:1rem}.field label{display:block;font-size:.85rem;color:var(--color-text-secondary);margin-bottom:.35rem}.field input{width:100%;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.95rem;font-family:inherit}.btn-primary{width:100%;padding:.7rem;background:var(--color-teal);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer}.btn-primary:disabled{opacity:.6;cursor:default}.error-text{color:var(--color-critical);font-size:.85rem;margin-bottom:1rem}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--color-navy);color:#fff;padding:1.25rem .75rem;flex-shrink:0}.sidebar-logo{padding:0 .5rem;margin-bottom:2rem}.sidebar nav a{display:block;padding:.55rem .75rem;border-radius:8px;color:#b9c6d3;text-decoration:none;font-size:.88rem;margin-bottom:.15rem}.sidebar nav a.active,.sidebar nav a:hover{background:#0f7c8059;color:#fff}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.75rem;background:var(--color-card);border-bottom:1px solid var(--color-border)}.topbar h1{font-size:1.1rem;margin:0;color:var(--color-navy)}.topbar-user{display:flex;align-items:center;gap:1rem}.topbar-email{font-size:.85rem;color:var(--color-text-secondary)}.content{flex:1;padding:1.75rem 2rem;max-width:1100px;width:100%;margin:0 auto}.location-node{margin-bottom:.5rem}.location-title{font-weight:600;font-size:1rem;margin:1rem 0 .5rem;color:var(--color-navy)}.location-children{padding-left:1.25rem;border-left:2px solid var(--color-border);margin-left:.4rem}.sensor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;margin:.5rem 0 1rem}.sensor-card{background:var(--color-card);border-radius:12px;padding:1rem;box-shadow:0 1px 3px #1230470f;border:1px solid var(--color-border)}.sensor-card-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:-.25rem;min-height:18px}.badge-new{display:inline-block;background:var(--color-teal-light);color:var(--color-teal);font-size:.68rem;font-weight:700;padding:.1rem .45rem;border-radius:999px;letter-spacing:.02em}.gauge-row{display:flex;justify-content:center;gap:.75rem}.gauge-label{font-size:.75rem;color:var(--color-text-secondary);margin-top:2px}.gauge-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;width:140px;height:78px}.sensor-name{text-align:center;font-weight:600;font-size:.95rem;margin-top:.5rem;padding:.2rem;border-radius:6px}.sensor-name.editable{cursor:pointer}.sensor-name.editable:hover{background:var(--color-bg)}.sensor-name-input{display:block;width:100%;text-align:center;font-weight:600;font-size:.95rem;margin-top:.5rem;padding:.2rem;border:1px solid var(--color-teal);border-radius:6px;font-family:inherit}.sensor-card-title{font-weight:600;font-size:.9rem}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:.4rem}.status-dot.online{background:var(--color-success)}.status-dot.offline{background:var(--color-critical)}.status-dot.unprovisioned{background:var(--color-muted)}.metric-row{display:flex;justify-content:space-between;font-size:.9rem;padding:.25rem 0}.metric-value{font-weight:600}.metric-value.stale{color:var(--color-warning)}.metric-empty{color:var(--color-muted);font-size:.85rem}.logout-link{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.85rem}.center-message{text-align:center;padding:3rem 1rem;color:var(--color-text-secondary)}.form-row{display:flex;gap:.5rem;align-items:center}.form-row select{padding:.4rem .5rem;border:1px solid var(--color-border);border-radius:6px;font-size:.85rem;font-family:inherit}.btn-secondary{padding:.4rem .8rem;background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;font-size:.82rem;cursor:pointer}.btn-secondary:disabled{opacity:.5;cursor:default}.add-location-panel{background:var(--color-card);border-radius:12px;padding:1rem;box-shadow:0 1px 3px #1230470f;border:1px solid var(--color-border);margin-bottom:1.5rem}.add-location-panel h3{font-size:.9rem;margin:0 0 .75rem}.topbar-title-group{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.tenant-pill{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--color-text-secondary)}.role-badge{display:inline-block;background:var(--color-teal-light);color:var(--color-teal);font-size:.72rem;font-weight:600;padding:.15rem .55rem;border-radius:999px}.topbar-avatar{width:26px;height:26px;border-radius:50%;background:var(--color-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.dashboard-layout{display:flex;gap:1.5rem;align-items:flex-start}.dashboard-main{flex:1;min-width:0}.dashboard-sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:1rem}@media (max-width: 900px){.dashboard-layout{flex-direction:column}.dashboard-sidebar{width:100%}}.side-panel{background:var(--color-card);border-radius:12px;padding:1rem 1.1rem;box-shadow:0 1px 3px #1230470f;border:1px solid var(--color-border)}.side-panel-title{font-weight:700;font-size:.9rem;margin-bottom:.6rem;color:var(--color-navy)}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--color-text-secondary);padding:.3rem 0}.summary-value{font-weight:700;color:var(--color-text)}.side-panel-footer{display:flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--color-muted);margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem;margin-bottom:1.5rem}.kpi-card{background:var(--color-card);border-radius:12px;padding:.9rem 1rem;box-shadow:0 1px 3px #1230470f;border:1px solid var(--color-border);display:flex;align-items:center;gap:.75rem}.kpi-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-icon-success{background:var(--color-success-bg);color:var(--color-success)}.kpi-icon-warning{background:var(--color-warning-bg);color:var(--color-warning)}.kpi-icon-critical{background:var(--color-critical-bg);color:var(--color-critical)}.kpi-label{font-size:.76rem;color:var(--color-text-secondary)}.kpi-value{font-size:1.35rem;font-weight:700;color:var(--color-text);line-height:1.2}.kpi-hint{font-size:.72rem;color:var(--color-muted)}.dashboard-section-header{margin-bottom:.75rem}.section-title{font-size:1.05rem;margin:0;color:var(--color-navy)}.filter-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.filter-tabs{display:flex;flex-wrap:wrap;gap:.4rem}.filter-tabs button{padding:.4rem .85rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);font-size:.82rem;cursor:pointer}.filter-tabs button.active{background:var(--color-navy);border-color:var(--color-navy);color:#fff}.filter-controls{display:flex;align-items:center;gap:.5rem}.filter-controls select{padding:.4rem .5rem;border:1px solid var(--color-border);border-radius:8px;font-size:.8rem;font-family:inherit;background:var(--color-card)}.search-input{display:flex;align-items:center;gap:.4rem;border:1px solid var(--color-border);border-radius:8px;padding:.4rem .6rem;background:var(--color-card)}.search-input input{border:none;outline:none;font-size:.82rem;font-family:inherit;width:130px}.sensor-grid-v2{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.85rem;margin-bottom:1.5rem}.sensor-card-v2{background:var(--color-card);border-radius:12px;padding:1rem 1.1rem;box-shadow:0 1px 3px #1230470f;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:.6rem}.sensor-card-header-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.sensor-card-title{font-weight:700;font-size:.92rem;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sensor-card-title.editable{cursor:pointer}.sensor-card-title.editable:hover{text-decoration:underline}.sensor-title-input{font-weight:700;font-size:.92rem;font-family:inherit;padding:.1rem .3rem;border:1px solid var(--color-teal);border-radius:6px;min-width:0}.status-pill{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;padding:.2rem .55rem;border-radius:999px;white-space:nowrap}.status-pill-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.status-pill.status-active{background:var(--color-success-bg);color:var(--color-success)}.status-pill.status-active .status-pill-dot{background:var(--color-success)}.status-pill.status-intermittent{background:var(--color-warning-bg);color:var(--color-warning)}.status-pill.status-intermittent .status-pill-dot{background:var(--color-warning)}.status-pill.status-signal-lost{background:var(--color-critical-bg);color:var(--color-critical)}.status-pill.status-signal-lost .status-pill-dot{background:var(--color-critical)}.status-pill.status-inactive{background:var(--color-bg);color:var(--color-muted)}.status-pill.status-inactive .status-pill-dot{background:var(--color-muted)}.metric-mini-row{display:flex;gap:.9rem;flex-wrap:wrap}.metric-mini{display:inline-flex;align-items:center;gap:.3rem;font-size:.95rem;font-weight:700;color:var(--color-text)}.metric-mini svg{color:var(--color-teal)}.metric-mini.danger{color:var(--color-critical)}.metric-mini.danger svg{color:var(--color-critical)}.sensor-meta-row{display:flex;justify-content:space-between;gap:.5rem;border-top:1px solid var(--color-border);padding-top:.5rem}.sensor-meta-label{font-size:.68rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em}.sensor-meta-value{font-size:.8rem;color:var(--color-text-secondary);font-weight:600}.sparkline{display:block}.sparkline-empty{height:34px;display:flex;align-items:center;justify-content:center;font-size:.72rem;color:var(--color-muted)}.gateway-card-list{display:flex;flex-direction:column;gap:.85rem}.gateway-card{background:var(--color-card);border-radius:12px;padding:1rem 1.1rem;box-shadow:0 1px 3px #1230470f;border:1px solid var(--color-border)}.gateway-card-body{display:flex;gap:1.75rem;flex-wrap:wrap;margin-top:.75rem}.gateway-stat-label{display:flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--color-text-secondary);margin-bottom:.2rem}.gateway-stat-value{font-size:1rem;font-weight:700;color:var(--color-text)}.gateway-card-footer{display:flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--color-muted);margin-top:.75rem;padding-top:.6rem;border-top:1px solid var(--color-border)}.sensor-card-v2.clickable{cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease}.sensor-card-v2.clickable:hover{box-shadow:0 4px 14px #1230471a;border-color:var(--color-teal)}.detail-breadcrumb{font-size:.82rem;color:var(--color-text-secondary);margin-bottom:.75rem}.detail-breadcrumb a{color:var(--color-teal);text-decoration:none}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.detail-header h2.editable{cursor:pointer}.detail-header h2.editable:hover{text-decoration:underline}.metric-card-button{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:.75rem 1.1rem;cursor:pointer;text-align:left;margin-right:.75rem}.metric-card-button.active{border-color:var(--color-teal);box-shadow:0 0 0 1px var(--color-teal)}.history-chart{display:block}.history-chart-empty{padding:3rem 1rem;text-align:center;color:var(--color-muted);font-size:.85rem}