:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f6faf8;background:#07110f;font-synthesis:none;text-rendering:geometricPrecision;--bg:#07110f;--panel:#0d1b18;--panel2:#10221e;--line:#1f342f;--muted:#829b93;--text:#f6faf8;--green:#91f23f;--green2:#32d37e;--teal:#24c89b;--amber:#f3b449;--red:#ff635c;--blue:#57c9eb}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{min-width:1180px;overflow:hidden;background:#07110f;color:var(--text)}.ui-icon{width:1em;height:1em;display:block}.tv-shell{height:100vh;padding:10px;display:grid;grid-template-rows:7vh 13vh 27vh 27vh 18vh;gap:8px;overflow:hidden}.top-header{display:flex;align-items:center;justify-content:space-between;min-height:0;padding:0 10px}.header-left,.header-right{display:flex;align-items:center;min-width:0}.header-left{gap:18px}.header-right{gap:22px}.brand-logo{font-size:31px;font-weight:900;letter-spacing:-1.8px;white-space:nowrap}.brand-green{color:var(--green);font-style:italic}.header-divider{width:1px;height:42px;background:#2a3b37;flex:0 0 auto}.title-block h1{margin:0;font-size:clamp(25px,2vw,39px);line-height:1;letter-spacing:-1.4px;white-space:nowrap}.title-block h1 span{color:var(--green)}.title-block p{margin:7px 0 0;color:#8ea79e;font-size:12px;white-space:nowrap}.live-badge{margin-left:10px;display:flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid #315b37;background:#102318;border-radius:999px;color:var(--green);font-size:11px;font-weight:850;white-space:nowrap}.live-badge>span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.live-badge.stale{color:var(--amber);border-color:#745d2e}.date-box{text-align:right}.date-box span{display:block;color:#8ea49d;font-size:9px;text-transform:capitalize}.date-box strong{display:block;margin-top:4px;font-size:25px;line-height:1}.operation-box{display:grid;gap:2px;font-size:9px}.operation-title{display:flex;align-items:center;gap:6px}.operation-title .ui-icon{width:17px;height:17px;color:var(--green2)}.operation-title strong{font-size:10px}.operation-box>span{color:var(--green2);padding-left:23px}.metrics-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;min-height:0}.metric-card{height:100%;min-width:0;display:flex;gap:10px;padding:12px 11px;background:linear-gradient(180deg,#11211e,#0d1917);border:1px solid #203630;border-radius:13px}.metric-card.featured{background:linear-gradient(180deg,#143020,#0f2118);border-color:#2d5036}.metric-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:0 0 38px;color:var(--green2);background:#123425;border:1px solid #24553a}.metric-card.amber .metric-icon{color:var(--amber);background:#312a16;border-color:#5b4924}.metric-icon .ui-icon{width:19px;height:19px}.metric-body{min-width:0;flex:1;position:relative}.metric-label{display:block;color:#a6b7b1;font-size:10px;font-weight:750;white-space:nowrap}.metric-value-row{display:flex;align-items:flex-end;gap:8px;margin-top:8px;min-width:0}.metric-value-row strong{font-size:clamp(21px,1.55vw,30px);line-height:1;letter-spacing:-1px;white-space:nowrap}.metric-body small{display:block;margin-top:7px;color:#849b94;font-size:8.5px}.metric-trend,.metric-percent{margin-left:auto;font-size:9px;font-weight:850;white-space:nowrap}.metric-trend.positive,.metric-percent{color:var(--green2)}.mini-progress{height:5px;margin-top:8px;border-radius:99px;background:#20322d;overflow:hidden}.mini-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#32d795,var(--green))}.panel{height:100%;min-height:0;overflow:hidden;background:linear-gradient(180deg,#0d1d19,#0a1714);border:1px solid #1d342d;border-radius:13px}.primary-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:8px;min-height:0}.secondary-grid{display:grid;grid-template-columns:1.45fr .74fr .73fr;gap:8px;min-height:0}.panel-heading{height:58px;display:flex;justify-content:space-between;align-items:flex-start;padding:12px 14px 8px}.panel-heading.compact{height:52px}.panel-heading h2{margin:0;display:flex;align-items:center;gap:7px;font-size:15px;letter-spacing:-.25px}.panel-heading p{margin:4px 0 0;color:#789088;font-size:8.5px}.section-icon{width:18px;height:18px}.section-icon.green{color:var(--green)}.amber-icon{color:var(--amber)}.outline-chip,.counter-chip{border:1px solid #294139;background:#10201d;border-radius:999px;padding:6px 11px;color:#d8e3df;font-size:8.5px;white-space:nowrap}.counter-chip{color:var(--green);font-weight:800}.chart-shell{position:relative;height:calc(100% - 58px);padding:14px 12px 21px 48px}.chart-y{position:absolute;left:14px;top:12px;bottom:23px;display:flex;flex-direction:column;justify-content:space-between;color:#718980;font-size:8px}.chart-gridlines{position:absolute;inset:14px 12px 27px 48px;background:repeating-linear-gradient(to bottom,rgba(112,144,134,.13) 0 1px,transparent 1px 25%);border-left:1px solid rgba(112,144,134,.1);border-bottom:1px solid rgba(112,144,134,.12)}.bars{position:relative;height:100%;display:flex;align-items:end;gap:8px}.bar-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:0}.bar-number{font-size:8px;font-weight:800;color:#e3ebe7}.bar-fill{width:min(34px,72%);min-height:8px;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#27c98f,#1b9070)}.bar-col.current .bar-fill{background:linear-gradient(180deg,var(--green),#5bc83e);box-shadow:0 0 18px #91f23f1f}.bar-hour{font-size:8px;color:#71877f}.rank-grid{display:grid;grid-template-columns:20px 1.42fr 1fr .55fr .62fr 1.18fr;gap:8px;align-items:center}.rank-header{height:26px;padding:0 14px;color:#71877f;font-size:7.8px;border-bottom:1px solid #1a2c27}.ranking-list{height:calc(100% - 84px);padding:0 14px 5px}.rank-row{height:calc(100% / 7);min-height:0;border-bottom:1px solid #172923;font-size:8.5px}.rank-row:last-child{border-bottom:0}.rank-position{color:var(--green)}.inspector-cell{display:flex;align-items:center;gap:7px;min-width:0}.inspector-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#b8f56c;color:#102013;font-size:8px;font-weight:900;flex:0 0 24px}.performance{display:grid;grid-template-columns:1fr 34px;gap:6px;align-items:center}.performance-track{height:7px;border-radius:99px;background:#1d302a;overflow:hidden}.performance-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#27d292,var(--green))}.performance b{font-size:8px;color:var(--green);text-align:right}.queue-grid{display:grid;grid-template-columns:1.15fr 1.04fr 1.18fr .93fr .64fr;gap:8px;align-items:center}.queue-header{height:20px;padding:0 16px;color:#72887f;font-size:7.8px}.queue-row{height:calc((100% - 72px)/5);margin:0 16px;border-top:1px solid #192b26;font-size:8.5px}.status-pill{justify-self:start;padding:5px 9px;border-radius:999px;font-size:8px;font-weight:800}.status-ok{color:#062611;background:#31df73}.status-warn{color:#332600;background:#f1c83f}.status-info{color:#08242a;background:#59cae8}.status-alert{color:#fff;background:var(--red)}.time-alert{color:var(--red)}.workshop-head{height:18px;padding:0 14px;display:flex;justify-content:space-between;color:#72887f;font-size:7.7px}.workshop-list{height:calc(100% - 70px);display:grid;gap:5px;padding:0 14px 10px}.workshop-row{display:grid;grid-template-columns:88px 1fr 34px;gap:7px;align-items:center;font-size:8.5px}.workshop-track{height:7px;border-radius:99px;background:#1c302a;overflow:hidden}.workshop-track i{display:block;height:100%;border-radius:inherit;background:#45df91}.workshop-track .tone-2,.workshop-track .tone-3{background:#f0c45b}.workshop-track .tone-4{background:#ec8d55}.workshop-track .tone-5{background:#7adf8a}.workshop-track .tone-6{background:#9dbab1}.team-columns{height:calc(100% - 52px);display:grid;grid-template-columns:1fr 1fr;padding:2px 12px 10px}.team-column{padding:7px 12px;min-width:0}.team-column+.team-column{border-left:1px solid #213731}.team-title{display:flex;align-items:center;gap:7px;min-height:32px}.team-title>.ui-icon{width:18px;height:18px;color:#d8e3df}.team-title strong{display:block;font-size:8.8px}.team-title small{display:block;margin-top:2px;color:#788f87;font-size:7.5px}.team-column>b{display:block;margin-top:9px;font-size:24px;letter-spacing:-.8px}.team-column>span{display:block;margin-top:2px;color:#93a69f;font-size:7.8px}.team-track{height:7px;margin:10px 0 6px;border-radius:99px;background:#1d302a;overflow:hidden}.team-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#39d68e,var(--green))}.team-column>strong{display:block;font-size:16px}.team-column>small{color:#788e86;font-size:7.2px}.activity-panel{height:100%;min-height:0;padding:7px 9px 8px;border:1px solid #1d342d;border-radius:13px;background:linear-gradient(180deg,#0d1a18,#091411);overflow:hidden}.activity-heading{height:25px;display:flex;align-items:center;justify-content:space-between}.activity-heading>div:first-child{display:flex;align-items:center;gap:8px}.activity-heading strong{font-size:11px}.activity-heading small{color:#788e86;font-size:7.8px}.activity-bolt{color:var(--amber)}.activity-bolt .ui-icon{width:17px;height:17px}.activity-items{height:calc(100% - 27px);display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.activity-card{min-width:0;display:grid;grid-template-columns:auto 23px 1fr;gap:6px;align-items:center;padding:5px 7px;border:1px solid #20332d;border-radius:9px;background:#0c1715}.activity-card.alert{background:#1b1413;border-color:#4d2824}.activity-time{color:#819990;font-size:7.4px}.activity-symbol{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#69ec79;color:#0d2714;font-size:10px;font-weight:900}.activity-card.alert .activity-symbol{background:#ff655d;color:#fff}.activity-card>div{min-width:0}.activity-card strong{display:block;color:#75e977;font-size:7.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-card.alert strong{color:#ff766e}.activity-card small{display:block;margin-top:2px;color:#8ba099;font-size:6.7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspection-times-panel{height:100%;min-height:0;padding:8px 10px 9px;border:1px solid #1d342d;border-radius:13px;background:linear-gradient(180deg,#0d1d19,#091613);overflow:hidden}.inspection-times-heading{height:35px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #193029;padding:0 4px 7px}.inspection-times-title{display:flex;align-items:center;gap:8px}.inspection-times-title>.ui-icon{width:19px;height:19px;color:var(--green)}.inspection-times-title strong{display:block;font-size:13px;letter-spacing:-.15px}.inspection-times-title small{display:block;margin-top:2px;color:#7e948c;font-size:7.8px}.inspection-live-chip{display:flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #294c37;border-radius:999px;color:var(--green);font-size:7.8px;font-weight:800;background:#0e2017}.inspection-live-chip>span{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #91f23f8c}.inspection-time-grid{display:grid;grid-template-columns:28px 1.34fr 1.55fr .58fr .62fr .58fr .92fr;gap:9px;align-items:center}.inspection-time-head{height:24px;color:#718980;font-size:7.5px;padding:0 8px;border-bottom:1px solid #172923}.inspection-time-list{height:calc(100% - 59px);display:grid;grid-template-rows:repeat(6,minmax(0,1fr))}.inspection-time-row{position:relative;min-height:0;padding:0 8px;border-bottom:1px solid #172923;font-size:8.2px;overflow:hidden}.inspection-time-row:last-child{border-bottom:0}.inspection-index{color:var(--green)}.inspection-name,.inspection-vehicle{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspection-time-row>strong:not(.inspection-name){font-variant-numeric:tabular-nums}.inspection-status{justify-self:start;min-width:78px;text-align:center;padding:4px 8px;border-radius:999px;font-size:7.5px;font-weight:850;white-space:nowrap}.inspection-status-finished{color:#082414;background:#4ce07f}.inspection-status-running{color:#312200;background:#f0c447}.inspection-status-waiting{color:#a8b8b2;background:#1a2a26;border:1px solid #2a4039}.inspection-time-row.flash-start{animation:inspectionStartFlash 1s ease-in-out 10;z-index:1}.inspection-time-row.flash-finish{animation:inspectionFinishFlash 1s ease-in-out 10;z-index:1}@keyframes inspectionStartFlash{0%,to{background:transparent;box-shadow:none}50%{background:#f3b4492e;box-shadow:inset 3px 0 0 var(--amber),0 0 22px #f3b44929}}@keyframes inspectionFinishFlash{0%,to{background:transparent;box-shadow:none}50%{background:#91f23f29;box-shadow:inset 3px 0 0 var(--green),0 0 24px #91f23f2e}}.error-banner{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:50;padding:8px 12px;border:1px solid #65302d;background:#301a18;color:#ffaaa4;border-radius:10px;font-size:10px}.update-overlay{position:fixed;inset:0;z-index:99;display:grid;place-items:center;background:#050c0af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.update-box{width:340px;text-align:center;padding:25px;border:1px solid #2d4339;background:#111918;border-radius:18px}.update-box h3{margin:10px 0 5px}.update-box p{margin:0;color:#8ca098;font-size:11px}.spinner{width:28px;height:28px;margin:auto;border:3px solid #2b3935;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1450px){.brand-logo{font-size:26px}.title-block h1{font-size:27px}.title-block p{font-size:10px}.metric-card{padding:10px 9px}.metric-icon{width:34px;height:34px;flex-basis:34px}.metric-value-row strong{font-size:22px}.rank-grid{grid-template-columns:18px 1.35fr .9fr .48fr .55fr 1.1fr}.activity-card{grid-template-columns:auto 20px 1fr}.activity-symbol{width:20px;height:20px}.inspection-time-grid{grid-template-columns:24px 1.25fr 1.45fr .55fr .58fr .55fr .9fr;gap:7px}.inspection-times-title strong{font-size:12px}.inspection-time-row{font-size:7.8px}}