:root{--bg: #edf3f8;--ink: #162230;--muted: #6a7685;--panel: #ffffff;--panel-soft: #f4f8fb;--line: #d9e2ea;--primary: #1f6feb;--primary-strong: #174ea6;--primary-soft: #e8f1ff;--danger: #b42318;--ok: #0f766e;--shadow: 0 22px 60px rgba(28, 45, 68, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 12% 0%,rgba(31,111,235,.16),transparent 30rem),radial-gradient(circle at 88% 8%,rgba(15,118,110,.12),transparent 26rem),linear-gradient(145deg,#f8fbff 0%,var(--bg) 58%,#eef6f3 100%);font-family:Segoe UI,Aptos,sans-serif}.app-shell{width:min(1220px,calc(100% - 32px));margin:0 auto;padding:24px 0 48px}.topbar,.top-actions,.brand{display:flex;align-items:center}.topbar{justify-content:space-between;gap:16px;margin-bottom:18px}.brand{gap:10px;color:var(--ink);font-size:18px;font-weight:900;letter-spacing:-.03em}.brand-mark{width:13px;height:13px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 7px #1f6feb1f}.top-actions{gap:10px}.status{margin:0;padding:9px 13px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#ffffffc7;font-size:13px;font-weight:850}.status[data-tone=ok]{color:var(--ok);background:#0f766e1a;border-color:#0f766e38}.status[data-tone=error]{color:var(--danger);background:#b4231817;border-color:#b4231838}.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:16px}.device-panel{border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:var(--shadow)}.device-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#f9fbfd)}.device-title{margin:0;color:var(--primary-strong);font-size:20px;font-weight:950;letter-spacing:-.04em}.device-live{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;color:var(--primary-strong);background:var(--primary-soft);font-size:12px;font-weight:900}.device-live-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:pulse 1.05s ease-in-out infinite}.table-wrap{overflow-x:auto;overflow-y:auto;max-height:420px}table{width:100%;border-collapse:collapse}th,td{padding:15px 20px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{color:var(--muted);background:var(--panel-soft);font-size:11px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}td{font-size:14px;font-weight:750}tr:last-child td{border-bottom:0}tbody tr{animation:rise .22s ease-out both}tbody tr:hover{background:#1f6feb0b}.value-cell{color:var(--ink);font-size:24px;font-weight:950;letter-spacing:-.04em}.empty-cell{padding:42px 20px;color:var(--muted);font-size:15px;font-weight:850;text-align:center}.skeleton-panel .device-panel-head{background:#fff}.skeleton-rows{padding:16px 20px}.skeleton-box{position:relative;display:block;overflow:hidden;border-radius:10px;background:#e6edf5}.skeleton-box:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:translate(-100%);animation:shimmer 1.2s ease-in-out infinite}.skeleton-title{width:180px;max-width:72%;height:24px}.skeleton-pill{width:60px;height:28px;border-radius:999px}.skeleton-row{width:100%;height:22px}.skeleton-row+.skeleton-row{margin-top:12px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.45}50%{transform:scale(1.25);opacity:1}}@media(max-width:820px){.app-shell{width:min(100% - 24px,1220px);padding-top:18px}.device-grid{grid-template-columns:1fr}th,td{padding:14px 16px}}