:root{--primary-color: #1677ff;--background-color: #ffffff;--text-color: rgba(0, 0, 0, .85);--border-color: #d9d9d9}[data-theme=dark]{--primary-color: #177ddc;--background-color: #141414;--text-color: rgba(255, 255, 255, .85);--border-color: #303030}body{background-color:var(--background-color);color:var(--text-color);transition:background-color .3s,color .3s}.page-loader{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:var(--background-color)}.tv-display{background-color:#001529;min-height:100vh;padding:16px}.tv-display .header{color:#fff;text-align:center;margin-bottom:20px;font-size:32px;font-weight:700}.last-updated{color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:16px;margin-bottom:10px;padding:8px 16px;background-color:#ffffff1a;border-radius:8px}.last-updated .connection-status{display:flex;align-items:center;gap:8px}.last-updated .connection-status .icon{flex-shrink:0}.last-updated .connection-status .icon.spinning{animation:spin 1s linear infinite}.last-updated .connection-status .icon.connected{color:#52c41a}.last-updated .connection-status .icon.error{color:#ff4d4f}.last-updated .stats{color:#ffffffb3}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tv-display .error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#fff;text-align:center}.tv-display .error-message h2{margin-top:20px;font-size:28px;color:#ff4d4f}.tv-display .error-message p{font-size:18px;color:#ffffffb3;margin:8px 0}.tv-display .error-message .error-details{font-size:14px;color:#ffffff80;font-family:monospace}.tv-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#fff;text-align:center;gap:16px}.tv-empty-state p{font-size:24px;color:#ffffffb3;margin:0}.tv-table-container{overflow-y:auto;max-height:calc(100vh - 150px);border-radius:8px;background-color:#fff}.tv-table{width:100%;border-collapse:collapse;font-size:20px}.tv-table thead{position:sticky;top:0;z-index:1}.tv-table th{background-color:#1890ff;color:#fff;font-size:22px;padding:16px;text-align:left;font-weight:600;border-bottom:2px solid #096dd9}.tv-table tbody tr{transition:background-color .2s ease}.tv-table tbody tr:hover{background-color:#bae7ff!important}.tv-table tbody tr.row-light{background-color:#f0f5ff}.tv-table tbody tr.row-dark{background-color:#e6f7ff}.tv-table td{padding:16px;font-size:20px;border-bottom:1px solid #d9d9d9;vertical-align:middle;color:#262626}.tv-table .collection-id{font-weight:700;color:#1890ff}.tv-table .client-cell{display:flex;flex-direction:column;gap:4px}.tv-table .client-name{font-weight:700;color:#262626}.tv-table .client-code{font-size:14px;color:#666}.tv-table .package-code,.tv-table .location{font-weight:700;font-size:18px;color:#262626}.blinking{animation:blink 2s infinite}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden;min-height:100vh}a{text-decoration:none}img,picture,svg{display:block;max-width:100%}