body{--bg:#f6f3ec;--bg-end:#ebe4d8;--bg-grid:#171d1d0a;--panel:#fffffcc2;--panel-strong:#fffffff0;--panel-solid:#fffdf9;--text:#121917;--muted:#5e6965;--line:#1219171a;--line-strong:#1219172e;--green:#14804a;--amber:#d48a16;--red:#d14d3f;--grey:#55616f;--accent:#0e8f86;--accent-soft:#0e8f8624;--shadow:0 24px 80px #3c33271f;--status-glow-green:#14804a29;--status-glow-amber:#d48a1629;--status-glow-red:#d14d3f29;--status-glow-grey:#55616f29;--font-body:Aptos, "Segoe UI", "Helvetica Neue", sans-serif;--font-display:Aptos, "Segoe UI", "Helvetica Neue", sans-serif}body.theme-dark{--bg:#0b1113;--bg-end:#121c1e;--bg-grid:#f0f7f50a;--panel:#0f181bc2;--panel-strong:#101a1deb;--panel-solid:#111b1e;--text:#eef5f2;--muted:#9fb0ab;--line:#eef5f21a;--line-strong:#eef5f233;--green:#34cc78;--amber:#ffb548;--red:#ff7f70;--grey:#9cabba;--accent:#2ad0c3;--accent-soft:#2ad0c329;--shadow:0 28px 100px #00000057;--status-glow-green:#34cc7833;--status-glow-amber:#ffb5482e;--status-glow-red:#ff7f702e;--status-glow-grey:#9cabba2e;--font-body:Aptos, "Segoe UI", "Helvetica Neue", sans-serif;--font-display:Aptos, "Segoe UI", "Helvetica Neue", sans-serif}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;font-family:var(--font-body), sans-serif;background:0 0;margin:0}.theme-root{background:linear-gradient(var(--bg-grid) 1px, transparent 1px), linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px), radial-gradient(circle at top left, var(--accent-soft), transparent 28%), radial-gradient(circle at top right, #ffffff29, transparent 22%), linear-gradient(180deg, var(--bg) 0%, var(--bg-end) 100%);color:var(--text);background-size:28px 28px,28px 28px,auto,auto,auto;min-height:100vh;transition:background-color .18s,color .18s}body.theme-dark .theme-root{background:linear-gradient(var(--bg-grid) 1px, transparent 1px), linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px), radial-gradient(circle at top left, #2ad0c329, transparent 28%), radial-gradient(circle at top right, #ffffff0a, transparent 18%), linear-gradient(180deg, var(--bg) 0%, var(--bg-end) 100%);background-size:28px 28px,28px 28px,auto,auto,auto}a{color:inherit;text-decoration:none}svg{display:block}button,input,select{font:inherit}.app-shell{width:min(1380px,100% - 32px);margin:0 auto;padding:22px 0 42px}.header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.header h1,.header h2,.page-title{font-family:var(--font-display), sans-serif;letter-spacing:-.045em;margin:0;font-weight:500;line-height:.96}.page-title{font-size:clamp(34px,4.2vw,50px)}.eyebrow{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:16px;font-weight:600}.header h1{font-size:clamp(44px,6vw,70px)}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.pill,.pill-dark{border:1px solid var(--line);background:var(--panel-strong);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:10px;padding:14px 18px;font-weight:500;display:inline-flex}.pill-dark{background:var(--text);color:var(--bg)}.ui-icon{width:18px;height:18px}.mini-icon{width:16px;height:16px;color:var(--accent)}.grid{gap:18px;display:grid}.site-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:18px}.panel{background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow);border:1px solid #ffffffb8;border-radius:26px;padding:20px;transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s}body.theme-dark .panel,body.theme-dark .panel-strong{background:#101a1de6;border-color:#ffffff14}.panel-strong{background:var(--panel-strong)}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.panel-title{letter-spacing:-.03em;align-items:center;gap:12px;font-size:15px;font-weight:600;display:flex}.icon-chip{width:36px;height:36px;color:var(--accent);background:var(--accent-soft);border-radius:12px;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff3d}.icon-chip-alert{color:var(--amber);background:#d48a1624}.site-card{background:linear-gradient(180deg, #fff3, transparent 52%), var(--panel-strong);gap:10px;min-height:0;display:grid;position:relative;overflow:hidden}.action-row{justify-content:flex-start;align-items:center;gap:10px;margin-top:2px;display:flex}.action-row-end{justify-content:flex-end}.site-card:before{content:"";background:0 0;border-radius:30px;width:10px;position:absolute;inset:0 auto 0 0}.site-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.site-card-title{letter-spacing:-.03em;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.site-status-dot{border-radius:999px;width:16px;height:16px}.site-status-dot-green{background:var(--green);box-shadow:0 0 0 7px var(--status-glow-green)}.site-status-dot-amber{background:var(--amber);box-shadow:0 0 0 7px var(--status-glow-amber)}.site-status-dot-red{background:var(--red);box-shadow:0 0 0 7px var(--status-glow-red)}.site-status-dot-grey{background:var(--grey);box-shadow:0 0 0 7px var(--status-glow-grey)}.site-card.status-site-green:before{background:var(--green);box-shadow:0 0 24px var(--status-glow-green)}.site-card.status-site-amber:before{background:var(--amber);box-shadow:0 0 24px var(--status-glow-amber)}.site-card.status-site-red:before{background:var(--red);box-shadow:0 0 24px var(--status-glow-red)}.site-card.status-site-grey:before{background:var(--grey);box-shadow:0 0 24px var(--status-glow-grey)}.status-chip{text-transform:capitalize;letter-spacing:-.02em;border-radius:999px;width:fit-content;padding:8px 12px;font-size:13px;font-weight:600}.status-green{color:var(--green);background:#14804a1f}.status-amber{color:var(--amber);background:#d48a1624}.status-red{color:var(--red);background:#d14d3f24}.status-grey{color:var(--grey);background:#55616f24}.metric-row,.summary-row{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:13px;display:flex}.metric-row-strong{gap:10px}.metric-hero{align-items:baseline;gap:12px;display:flex}.metric-hero strong{font-family:var(--font-display), sans-serif;letter-spacing:-.045em;font-size:40px;font-weight:600;line-height:.96}.status-inline{border:none;border-radius:999px;align-items:center;gap:8px;padding:0;font-size:12px;font-weight:500;display:inline-flex}.status-inline:before{content:"";background:currentColor;border-radius:999px;width:8px;height:8px}.status-inline-red{color:var(--red)}.status-inline-amber{color:var(--amber)}.status-inline-grey{color:var(--grey)}.site-metrics{flex-wrap:wrap;gap:22px;padding-top:4px;display:flex}.site-metric{gap:2px;display:grid}.site-metric-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:500}.site-metric strong{letter-spacing:-.04em;font-size:20px;font-weight:600}.list{gap:12px;display:grid}.list-item{border-top:1px solid var(--line);grid-template-columns:1.2fr .9fr .7fr auto;align-items:center;gap:12px;padding:16px 0;display:grid}.list-item:first-child{border-top:none;padding-top:0}.muted{color:var(--muted)}.stack{gap:18px;display:grid}.risk-score{font-family:var(--font-display), sans-serif;letter-spacing:-.05em;margin:0;font-size:52px}.tag-row,.tab-row{flex-wrap:wrap;gap:8px;display:flex}.tab{border:1px solid var(--line);background:#ffffffb8;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:500}.tab-active{background:var(--text);color:var(--bg);border-color:var(--text)}.tag{border:1px solid var(--line);background:#ffffffb8;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:500}.page-nav{color:var(--muted);gap:10px;font-size:14px;display:flex}.page-nav-wrap{gap:10px;margin-bottom:18px;display:grid}.back-link{border:1px solid var(--line);background:var(--panel-strong);width:fit-content;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:10px;padding:11px 15px;font-weight:500;display:inline-flex}.summary-strip{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:18px;display:grid}.summary-tile{box-shadow:var(--shadow);background:#ffffffb3;border:1px solid #ffffffd1;border-radius:22px;padding:16px 18px;transition:background-color .18s,border-color .18s,color .18s,transform .18s}.summary-tile-link{cursor:pointer}.summary-tile-active{border-color:color-mix(in srgb, var(--accent) 36%, transparent);box-shadow:0 18px 44px color-mix(in srgb, var(--accent) 18%, transparent);transform:translateY(-2px)}body.theme-dark .summary-tile{background:#101a1deb;border-color:#eef5f214}body.theme-dark .summary-tile-active{border-color:#2ad0c37a;box-shadow:0 18px 44px #2ad0c32e}.summary-tile-head{justify-content:space-between;align-items:center;gap:12px;font-weight:500;display:flex}.summary-icon{border-radius:999px;flex:none;width:16px;height:16px}.summary-icon-green{background:var(--green);box-shadow:0 0 0 6px var(--status-glow-green)}.summary-icon-amber{background:var(--amber);box-shadow:0 0 0 6px var(--status-glow-amber)}.summary-icon-red{background:var(--red);box-shadow:0 0 0 6px var(--status-glow-red)}.summary-icon-grey{background:var(--grey);box-shadow:0 0 0 6px var(--status-glow-grey)}.summary-icon-neutral{background:var(--accent);box-shadow:0 0 0 6px var(--accent-soft)}.summary-tile strong{font-family:var(--font-display), sans-serif;letter-spacing:-.05em;margin-top:8px;font-size:30px;font-weight:600;display:block}.table{border-collapse:collapse;width:100%}.site-units-table{table-layout:fixed}.site-col-unit{width:18%}.site-col-temp,.site-col-status,.site-col-lastseen,.site-col-threshold,.site-col-battery{width:10%}.site-col-stability{width:8%}.site-col-reliability{width:9%}.site-col-action{width:15%}.table th,.table td{text-align:left;border-top:1px solid var(--line);padding:14px 0;font-size:14px}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-top:none;padding-top:0;font-size:12px;font-weight:600}.site-units-table th,.site-units-table td{vertical-align:middle;padding-right:12px}.site-units-table th,.site-units-table td:not(:first-child){white-space:nowrap}.chart-wrap{gap:12px;display:grid}.chart-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;gap:12px;font-size:12px;font-weight:500;display:flex}.chart-axis{opacity:.9}.chart{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:10px;min-height:220px;padding:18px 0 0;display:grid;position:relative}.chart:before{content:"";background:linear-gradient(180deg, transparent 0, transparent 23%, var(--line) 23%, var(--line) 24%, transparent 24%, transparent 48%, var(--line) 48%, var(--line) 49%, transparent 49%, transparent 73%, var(--line) 73%, var(--line) 74%, transparent 74%), linear-gradient(180deg, #ffffff3d, transparent);pointer-events:none;border-radius:26px;position:absolute;inset:0 0 24px}.bar{z-index:1;background:linear-gradient(#15201d 0%,#324440 100%);border-radius:24px 24px 12px 12px;position:relative}.bar.highlight{background:linear-gradient(180deg, var(--accent) 0%, #055f5a 100%);box-shadow:0 10px 24px var(--accent-soft)}.bar-label{color:var(--muted);text-align:center;margin-top:10px;font-size:12px;font-weight:500}.split{grid-template-columns:1.35fr .95fr;gap:18px;display:grid}.detail-grid{grid-template-columns:1.4fr 1fr;gap:18px;display:grid}.kv{gap:12px;display:grid}.kv-row{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:12px 0;display:flex}.kv-row:first-child{border-top:none;padding-top:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{gap:8px;display:grid}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:500}.field input,.field select{border:1px solid var(--line);background:var(--panel-strong);color:var(--text);border-radius:16px;padding:12px 14px}.button-row{gap:10px;margin-top:18px;display:flex}.button{background:var(--text);color:var(--bg);border:none;border-radius:999px;padding:12px 18px;font-weight:500}.button-small{padding:10px 14px;font-size:13px}.summary-tile-button{margin-top:12px}.table-action-cell{white-space:nowrap}.button-secondary{background:var(--panel-strong);color:var(--text);border:1px solid var(--line)}body.theme-dark .pill,body.theme-dark .tag,body.theme-dark .tab,body.theme-dark .field input,body.theme-dark .field select,body.theme-dark .back-link,body.theme-dark .button-secondary{background:#101a1df0;border-color:#eef5f214}body.theme-dark .site-card{background:linear-gradient(#ffffff0f,#0000 52%),#101a1df0}body.theme-dark .status-chip.status-green{color:var(--green);background:#34cc781f}body.theme-dark .status-chip.status-amber{color:var(--amber);background:#ffb54824}body.theme-dark .status-chip.status-red{color:var(--red);background:#ff7f7024}body.theme-dark .status-chip.status-grey{color:var(--grey);background:#9cabba24}body.theme-dark .status-inline-red,body.theme-dark .status-inline-amber,body.theme-dark .status-inline-grey{background:0 0}body.theme-dark .stat-mini{background:#ffffff08}body.theme-dark .bar{background:linear-gradient(#dce6e2 0%,#859893 100%)}body.theme-dark .bar.highlight{background:linear-gradient(180deg, var(--accent) 0%, #0e8f86 100%)}body.theme-dark .page-title,body.theme-dark .header h1,body.theme-dark .header h2,body.theme-dark .summary-tile strong,body.theme-dark .metric-hero strong,body.theme-dark .risk-score,body.theme-dark .table td,body.theme-dark .table th,body.theme-dark .stat-mini strong{color:var(--text)}@media (max-width:1100px){.split,.detail-grid{grid-template-columns:1fr}.header{flex-direction:column}.header-actions{justify-content:flex-start}}@media (max-width:720px){.app-shell{width:min(100% - 20px,1380px);padding-top:20px}.form-grid,.site-grid,.summary-strip,.list-item{grid-template-columns:1fr}.table{display:block;overflow-x:auto}}