:root{--page-bg:#faf6f0;--header-bg:#280013;--text-primary:#2a2f38;--text-strong:#12151b;--text-secondary:#5c6474;--text-tertiary:#6b7480;--card-bg:#fff;--card-border:#00000014;--divider:#00000014;--badge-fg:#12151b;--countdown-fg:#2a2f38;--countdown-bg:#0000000f;--countdown-border:#00000029;--error-bg:#c8102e;--warn-bg:#ffb85c;color:var(--text-primary);background:var(--page-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html,body{background:var(--page-bg);height:100%;margin:0;overflow:hidden}body{justify-content:center;align-items:center;display:flex}#root{width:1920px;height:1080px;transform:scale(var(--tv-scale,1));transform-origin:50%;flex:none;overflow:hidden}.board{flex-direction:column;width:1920px;height:1080px;display:flex;overflow:hidden}.header{flex-shrink:0;padding:28px 32px 20px}.header-brand{background:var(--header-bg);border-radius:16px;align-items:center;gap:18px;padding:14px 32px;display:flex}.logo{color:#fff;letter-spacing:.5px;background:#ffffff1f;border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:15px;font-weight:700;display:flex;overflow:hidden}.logo img{object-fit:cover;width:100%;height:100%}.header-title{color:#fff;letter-spacing:.2px;margin:0;font-family:"Source Serif 4",Georgia,serif;font-size:28px;font-weight:700}.banners{flex-direction:column;flex-shrink:0;gap:10px;padding:0 32px 20px;display:flex}.banner{white-space:nowrap;text-overflow:ellipsis;border-radius:12px;padding:14px 24px;font-size:20px;font-weight:600;overflow:hidden}.banner-error{background:var(--error-bg);color:#fff}.banner-warn{background:var(--warn-bg);color:var(--text-strong)}.columns{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(4,1fr);gap:28px;min-height:0;padding:0 32px 32px;display:grid}.column{flex-direction:column;min-width:0;min-height:0;display:flex}.column-head{flex-shrink:0;align-items:center;gap:14px;padding:8px 4px 20px;display:flex}.column-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.column-icon-flip{transform:scaleX(-1)}.column-label{color:var(--text-strong);white-space:nowrap;font-size:22px;font-weight:700}.column-count{color:var(--text-secondary);font-size:14px;font-weight:500}.column-list{flex:1;min-height:0;overflow:hidden}.column-belt{will-change:transform;flex-direction:column;gap:14px;display:flex;position:relative}.column-set{flex-direction:column;gap:14px;display:flex}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;flex-direction:column;flex-shrink:0;gap:12px;padding:20px 22px;display:flex;box-shadow:0 1px 2px #2800130d,0 6px 16px #2800131a}.card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.card-po{color:var(--text-strong);letter-spacing:.2px;font-size:19px;font-weight:700}.card-supplier{color:var(--text-secondary);margin-top:2px;font-size:15px;font-weight:600}.card-badges{flex-shrink:0;align-items:center;gap:6px;display:flex}.badge{letter-spacing:.2px;white-space:nowrap;border-radius:8px;font-size:11px;font-weight:700}.badge-time{color:var(--badge-fg);padding:6px 12px}.badge-countdown{color:var(--countdown-fg);background:var(--countdown-bg);border:1px solid var(--countdown-border);padding:5px 10px}.progress{height:26px;margin:-7px 0;position:relative}.progress-track,.progress-fill{border-radius:2px;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.progress-track{background:var(--divider);right:0}.progress-truck{font-size:17px;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)scaleX(-1)}.items{flex-direction:column;gap:8px;display:flex}.items-head{letter-spacing:1.1px;text-transform:uppercase;color:var(--text-tertiary);justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.items-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.item{align-items:center;gap:8px;font-size:14px;line-height:1.3;display:flex}.item-dot{background:var(--text-tertiary);border-radius:50%;flex-shrink:0;width:5px;height:5px}.item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.item-qty{color:var(--text-strong);background:var(--divider);font-variant-numeric:tabular-nums;border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:700}.items-more{color:var(--text-tertiary);padding-left:13px;font-size:13px;font-weight:600}