:root{font-family:Segoe UI,Trebuchet MS,Arial,sans-serif;color:#0b0f14;background:#f6f7fb}*{box-sizing:border-box}body{margin:0;background:#f6f7fb}.kiosk{height:100vh;display:grid;grid-template-rows:auto 1fr auto 1fr}.status-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#101422;color:#38b000;padding:4px 18px;font-size:14px;letter-spacing:.1px}.status-left{justify-self:start}.status-center{justify-self:center;text-align:center;white-space:nowrap}.status-right{justify-self:end}.status-bar.offline{background:#6f1d1b}.divider{height:2px;background:#121826;opacity:.25}.panel{display:grid;grid-template-rows:auto auto 1fr;padding:0;min-height:0}.panel-header{display:flex;align-items:center;justify-content:space-between;background:#3f51b5;color:#fff;padding:14px 20px;margin-bottom:0}.panel-header.panel-warning{background:#8a3d00}.panel-header h2{margin:0;font-size:32px;letter-spacing:.6px;font-weight:700}.panel-title{display:flex;align-items:center;gap:12px}.panel-meta{display:flex;align-items:center;gap:14px}.panel-status{width:14px;height:14px;border-radius:999px;background:#38b000;box-shadow:0 0 0 3px #38b00033}.panel-status-warn{background:#ffb703;box-shadow:0 0 0 3px #ffb70340}.panel-count{font-size:32px;font-weight:700;padding:4px 25px;color:#fff}.panel-updated{font-size:16px;letter-spacing:.3px;opacity:.9}.table-header{display:grid;grid-template-columns:1.5fr 1.2fr 1.2fr 1.2fr 1fr;gap:10px;padding:10px 16px 12px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;background:#2d309c;color:#fff}.table-viewport{position:relative;overflow:hidden;height:100%;min-height:0;background:#fff;border-top:none}.table-static,.table-scroll,.table-rows{display:grid;grid-auto-rows:min-content}.table-scroll{animation:scroll-up var(--scroll-duration) linear infinite;transform:translateY(0);will-change:transform}@keyframes scroll-up{0%{transform:translateY(0)}to{transform:translateY(calc(var(--scroll-distance) * -1))}}.table-row{display:grid;grid-template-columns:1.5fr 1.2fr 1.2fr 1.2fr 1fr;gap:10px;padding:10px 16px;border-bottom:1px solid #e1e6ef;font-size:22px;line-height:1.25;height:120px;align-items:start}.table-row>div{overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.table-row:nth-child(2n){background:#f1f4fa}.table-row.highlight{background:#fff1a8;box-shadow:inset 6px 0 #ffb900}.note{display:block;color:#1a2530;font-size:18px;margin-top:4px}.state{height:100%;display:grid;place-items:center;font-size:20px;color:#4d5660}.state.error{color:#b42318}.connection-banner{position:absolute;bottom:10px;right:12px;background:#8a3d00eb;color:#fff;padding:6px 12px;font-size:14px;letter-spacing:.3px}