.difot-root{--bingo-blue: #0061a2;--bingo-blue-dark: #003d6c;--bingo-blue-light: #1a85c9;--bingo-blue-pale: #e6f0f8;--status-pending: #b37d6c;--status-complete: #0bda8e;--status-failed: #ff5245;--status-warn: #ff9500;--d-text: #384553;--d-muted: #737474;--d-heading: #003d6c;--d-bg: #f4f7fb;--d-border: #dbdbdb;background:var(--d-bg);color:var(--d-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100%}.difot-root *,.difot-root *:before,.difot-root *:after{box-sizing:border-box}.difot-wrap{max-width:1400px;margin:0 auto;padding:24px}.difot-root h1,.difot-root h2,.difot-root h3{color:var(--d-heading);letter-spacing:-.01em;margin:0}.num-mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.d-flex{display:flex}.d-between{display:flex;align-items:center;justify-content:space-between}.d-center{display:flex;align-items:center}.d-wrap{flex-wrap:wrap}.d-gap-2{gap:8px}.d-gap-3{gap:12px}.d-gap-4{gap:16px}.d-grow{flex:1;min-width:0}.mb-5{margin-bottom:20px}.mt-3{margin-top:12px}.card{background:#fff;border:1px solid var(--d-border);border-radius:10px}.card-pad{padding:20px}.sectiontitle{font-size:13px;font-weight:600;color:var(--d-heading);text-transform:uppercase;letter-spacing:.06em}.section-sub{font-size:12px;color:var(--d-muted);margin:2px 0 0}.difot-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.brand-badge{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0061a2,#003d6c);flex-shrink:0}.brand-eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--bingo-blue)}.brand-eyebrow span{color:var(--d-muted);font-weight:500}.brand-title{font-size:24px;font-weight:600;line-height:1.15}.meta-right{font-size:12px;color:var(--d-muted);text-align:right}.meta-right .strong{font-weight:500;color:var(--d-text)}.btn{font-size:12px;font-weight:600;border-radius:6px;padding:8px 12px;cursor:pointer;border:1px solid var(--d-border);background:#fff;color:var(--bingo-blue);display:inline-flex;align-items:center;gap:6px}.btn:hover{color:var(--d-heading)}.btn-primary{background:var(--bingo-blue);color:#fff;border-color:var(--d-heading)}.btn-primary:hover{background:var(--d-heading);color:#fff}.btn-ghost{border:0;background:transparent;color:var(--d-muted)}.filter-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;align-items:end}.filter-grid .col-3{grid-column:span 3}.filter-grid .col-2{grid-column:span 2}@media(max-width:900px){.filter-grid{grid-template-columns:1fr 1fr}.filter-grid .col-3,.filter-grid .col-2{grid-column:span 1}}.field-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--d-muted);margin-bottom:6px}.input-base{width:100%;padding:9px 12px;font-size:13px;border:1px solid var(--d-border);border-radius:7px;background:#fff;color:var(--d-text);outline:none;transition:border .15s,box-shadow .15s;font-family:inherit}.input-base:focus{border-color:var(--bingo-blue);box-shadow:0 0 0 3px #0061a226}.input-sm{padding:6px 10px;font-size:12px}.seg{display:flex;background:var(--d-bg);padding:4px;border-radius:8px;border:1px solid var(--d-border)}.seg button{padding:8px 14px;font-size:13px;font-weight:500;color:var(--d-muted);border-radius:7px;transition:all .15s;background:transparent;border:0;cursor:pointer;flex:1}.seg button.active{background:#fff;color:var(--d-heading);box-shadow:0 1px 2px #0000000d}.date-filter{border-bottom:1px solid var(--d-border);padding-bottom:16px}.seg-wrap{flex-wrap:wrap}.seg-wrap button{flex:1 1 auto;min-width:88px;white-space:nowrap}.date-custom{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.date-custom label{display:flex;flex-direction:column}.date-custom input[type=date]{width:auto;min-width:160px}.date-summary{margin-top:10px;font-size:12px;color:var(--d-text)}.date-summary .strong{font-weight:600;color:var(--d-heading)}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:#fff;border:1px solid var(--d-border);border-radius:10px;padding:18px 20px;position:relative;overflow:hidden}.kpi-card .accent{position:absolute;left:0;top:0;bottom:0;width:3px}.kpi-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--d-muted)}.kpi-value{font-size:26px;font-weight:600;margin-top:4px;line-height:1}.kpi-value.text{font-size:16px}.kpi-sub{font-size:12px;color:var(--d-muted);margin-top:6px}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:9999px;font-size:11px;font-weight:600;line-height:1.4}.dot{width:7px;height:7px;border-radius:9999px;display:inline-block}.bar{height:6px;border-radius:9999px;background:var(--bingo-blue-pale);overflow:hidden}.bar>div{height:100%;border-radius:9999px}.progress-fill{transition:width .6s cubic-bezier(.4,0,.2,1)}.chart-legend{display:flex;align-items:center;gap:16px;font-size:11px;color:var(--d-muted)}.chart-box{position:relative}.chart-trend{height:280px}.chart-zone{height:260px}.two-col{display:grid;grid-template-columns:2fr 1fr;gap:20px}@media(max-width:1000px){.two-col{grid-template-columns:1fr}}.zone-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(max-width:800px){.zone-cards{grid-template-columns:1fr 1fr}}.zone-card{border:1px solid #e3e3e3;border-radius:6px;padding:10px;background:#fafcfe}.scroll-y{max-height:380px;overflow-y:auto}.scroll-y::-webkit-scrollbar{width:6px}.scroll-y::-webkit-scrollbar-thumb{background:#c5cfdd;border-radius:9999px}.fail-item{border:1px solid #e3e3e3;border-radius:6px;padding:12px;background:#fafcfe;font-size:12px}.muted{color:var(--d-muted)}.empty{font-size:12px;color:var(--d-muted);font-style:italic;text-align:center;padding:32px 0}.italic{font-style:italic}.difot-root table{width:100%;border-collapse:collapse}.difot-root thead th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--d-muted);background:var(--d-bg);border-bottom:1px solid #e3e3e3;padding:8px 12px;white-space:nowrap}.difot-root tbody td{font-size:13px;border-bottom:1px solid #f1f3f7;padding:10px 12px}.difot-root tbody tr:hover{background:#fafcfe}.t-left{text-align:left}.t-right{text-align:right}.table-scroll{overflow-x:auto}.link-btn{background:transparent;border:0;padding:0;cursor:pointer;font:inherit;font-weight:500;color:var(--d-heading);text-align:left}.link-btn:hover{color:var(--bingo-blue)}.search-result{border:1px solid #e3e3e3;border-radius:10px;padding:16px;background:#fafcfe;margin-top:12px}.search-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;font-size:12px}@media(max-width:700px){.search-grid{grid-template-columns:1fr}}.kv-label{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--d-muted);font-weight:600;margin-bottom:4px}.stop-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;border:1px solid transparent;transition:all .12s}.stop-row:hover{background:#fafcfe;border-color:#e3e3e3}.stop-status{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;width:68px;flex-shrink:0}details.card summary{list-style:none;cursor:pointer;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}details.card summary::-webkit-details-marker{display:none}.chevron{transition:transform .2s}details[open] .chevron{transform:rotate(90deg)}.dd-body{border-top:1px solid #e3e3e3;padding:20px;background:#fafcfe}.dd-filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end}@media(max-width:800px){.dd-filter-grid{grid-template-columns:1fr 1fr}}.dd-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:800px){.dd-kpis{grid-template-columns:1fr 1fr}}.cat-row{display:flex;align-items:center;gap:12px}.cat-label{width:160px;display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:12px;font-weight:500}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.rise{animation:rise .35s ease-out both}.boot-banner{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--d-border);color:var(--d-text);padding:10px 18px;border-radius:9999px;font-size:13px;font-weight:500;width:fit-content;margin:0 auto 20px;box-shadow:0 4px 16px #0f172a14}.boot-banner .spin{width:8px;height:8px;border-radius:50%;background:var(--bingo-blue);animation:pulse 1.4s ease-in-out infinite}.error-banner{background:#fef2f2;border:1px solid #ef4444;color:#b91c1c;padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:13px;line-height:1.55}body.tv-mode{background:#070e1a;overflow:hidden}body.tv-mode .difot-root{display:none!important}#tvView{display:none}body.tv-mode #tvView{display:flex}#tvView{position:fixed;inset:0;flex-direction:column;background:radial-gradient(circle at 15% 0%,rgba(0,97,162,.42),transparent 55%),radial-gradient(circle at 85% 100%,rgba(0,97,162,.18),transparent 45%),radial-gradient(circle at 50% 50%,rgba(26,133,201,.08),transparent 60%),#001628;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:1.6vw 2vw 1.4vw;overflow:hidden}#tvView:before{content:"";position:absolute;top:0;left:0;right:0;height:.3vw;min-height:4px;background:linear-gradient(90deg,#0061a2,#1a85c9,#0061a2);box-shadow:0 0 20px #0061a299}.tv-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:1vw;border-bottom:1px solid rgba(255,255,255,.07)}.tv-brand{display:flex;align-items:center;gap:1vw}.tv-brand .logo{width:3.4vw;height:3.4vw;min-width:54px;min-height:54px;border-radius:.7vw;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0061a2,#003d6c);box-shadow:0 0 30px #0061a28c,inset 0 1px #ffffff26;border:1px solid rgba(26,133,201,.4)}.tv-brand .title{font-size:1.7vw;font-weight:800;letter-spacing:.02em;line-height:1.05}.tv-brand .sub{font-size:.95vw;color:#7fb5d9;font-weight:500;margin-top:.2vw;letter-spacing:.05em;text-transform:uppercase}.tv-time{text-align:right}.tv-time .clock{font-size:2.6vw;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:1}.tv-time .date{font-size:1.05vw;color:#7fb5d9;margin-top:.3vw;font-weight:500}.tv-time .pulse{display:inline-flex;align-items:center;gap:.5vw;margin-top:.5vw;font-size:.85vw;color:#0bda8e;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.tv-time .pulse .live-dot{width:.7vw;height:.7vw;min-width:8px;min-height:8px;background:#0bda8e;border-radius:50%;box-shadow:0 0 12px #0bda8e;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.tv-kpis{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:1.2vw;margin-top:1.4vw}.tv-kpi{background:linear-gradient(180deg,#ffffff0a,#ffffff04);border:1px solid rgba(255,255,255,.08);border-radius:1vw;padding:1.4vw 1.6vw;position:relative;overflow:hidden}.tv-kpi.hero{background:linear-gradient(135deg,#0061a247,#0bda8e14);border-color:#1a85c980;box-shadow:inset 0 1px #ffffff14,0 0 40px #0061a226}.tv-kpi.fail{background:linear-gradient(135deg,#ff524524,#ff524505);border-color:#ff524552}.tv-kpi.info{background:linear-gradient(135deg,#0061a22e,#0061a205);border-color:#1a85c959}.tv-kpi .label{font-size:.9vw;font-weight:600;color:#7fb5d9;text-transform:uppercase;letter-spacing:.12em}.tv-kpi .value{font-size:5.6vw;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1;margin-top:.6vw}.tv-kpi.hero .value{color:#0bda8e;text-shadow:0 0 40px rgba(11,218,142,.4)}.tv-kpi.fail .value{color:#ff5245}.tv-kpi.info .value{color:#1a85c9;text-shadow:0 0 30px rgba(26,133,201,.4)}.tv-kpi .value .unit{font-size:2.4vw;font-weight:600;margin-left:.2vw;color:#ffffff80}.tv-kpi.hero .value .unit{color:#0bda8e99}.tv-kpi .sub{font-size:1vw;color:#7fb5d9;margin-top:.6vw;font-weight:500}.tv-kpi .progress-bar{margin-top:.8vw;height:.4vw;min-height:5px;background:#ffffff14;border-radius:9999px;overflow:hidden}.tv-kpi .progress-bar>div{height:100%;border-radius:9999px;background:linear-gradient(90deg,#0bda8e,#1a85c9);transition:width 1.2s cubic-bezier(.4,0,.2,1)}.tv-middle{display:grid;grid-template-columns:1.1fr 1.1fr 1fr;gap:1.2vw;margin-top:1.2vw;flex:1;min-height:0}.tv-section{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:1vw;padding:1.2vw 1.4vw;display:flex;flex-direction:column;min-height:0}.tv-section h2{font-size:.95vw;font-weight:700;color:#7fb5d9;text-transform:uppercase;letter-spacing:.14em;margin-bottom:1vw;display:flex;justify-content:space-between;align-items:center}.tv-section h2 .badge{font-size:.85vw;font-weight:700;color:#fff;background:#0061a273;padding:.2vw .65vw;border-radius:9999px;letter-spacing:.04em;border:1px solid rgba(26,133,201,.4)}.state-row{display:grid;grid-template-columns:4vw 1fr 5vw;align-items:center;gap:1vw;padding:.6vw 0;border-bottom:1px solid rgba(255,255,255,.05)}.state-row:last-child{border-bottom:none}.state-row .code{font-size:1.4vw;font-weight:800;letter-spacing:-.01em}.state-row .bar-wrap{display:flex;flex-direction:column;gap:.35vw}.state-row .bar-wrap .meta{display:flex;justify-content:space-between;font-size:.85vw;color:#7fb5d9;font-weight:500}.state-row .bar-wrap .bar{height:.55vw;min-height:7px;background:#ffffff0f;border-radius:9999px;overflow:hidden}.state-row .bar-wrap .bar>div{height:100%;border-radius:9999px;transition:width 1s cubic-bezier(.4,0,.2,1)}.state-row .pct{font-size:1.4vw;font-weight:800;font-variant-numeric:tabular-nums;text-align:right;letter-spacing:-.02em}.driver-row{display:grid;grid-template-columns:2vw 1fr auto;align-items:center;gap:1vw;padding:.5vw 0}.driver-row .rank{font-size:1.2vw;font-weight:800;color:#fff;opacity:.4;font-variant-numeric:tabular-nums}.driver-row.top1 .rank{color:#ffd200;opacity:1}.driver-row.top2 .rank{color:silver;opacity:1}.driver-row.top3 .rank{color:#cd7f32;opacity:1}.driver-row .name{font-size:1.05vw;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driver-row .name small{display:block;font-size:.8vw;color:#7fb5d9;font-weight:500;margin-top:.15vw}.driver-row .score{font-size:1.4vw;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-align:right}.activity-feed{flex:1;overflow-y:auto;min-height:0;padding-right:.5vw}.activity-feed::-webkit-scrollbar{width:4px}.activity-feed::-webkit-scrollbar-thumb{background:#0061a266;border-radius:9999px}.activity-item{display:grid;grid-template-columns:.6vw 1fr auto;gap:.8vw;padding:.55vw 0;align-items:start;border-bottom:1px solid rgba(255,255,255,.04)}.activity-item:last-child{border-bottom:none}.activity-item .accent{width:.4vw;min-width:4px;align-self:stretch;border-radius:9999px;margin-top:.3vw}.activity-item .body{min-width:0}.activity-item .body .top{display:flex;justify-content:space-between;gap:.6vw}.activity-item .body .so{font-size:.95vw;font-weight:700;color:#fff;letter-spacing:-.005em}.activity-item .body .driver{font-size:.78vw;color:#7fb5d9;margin-top:.15vw}.activity-item .body .note{font-size:.78vw;color:#ff9580;margin-top:.25vw;font-style:italic}.activity-item .when{font-size:.8vw;color:#7fb5d9;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.tv-bottom{margin-top:1.2vw;padding:1vw 1.4vw 1.1vw;background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:1vw}.tv-bottom h2{font-size:.85vw;font-weight:700;color:#7fb5d9;text-transform:uppercase;letter-spacing:.14em;margin-bottom:.7vw;display:flex;justify-content:space-between}.hourly-chart{display:flex;align-items:flex-end;gap:.45vw;height:5vw}.hourly-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3vw;min-width:0}.hourly-bar .stack{width:100%;display:flex;flex-direction:column-reverse;border-radius:.35vw .35vw 0 0;overflow:hidden;min-height:1px;flex:1;max-height:100%}.hourly-bar .stack>div{width:100%;transition:height 1s cubic-bezier(.4,0,.2,1)}.hourly-bar .lab{font-size:.7vw;color:#7fb5d9;font-variant-numeric:tabular-nums;font-weight:600}.tv-exit{position:fixed;top:1vw;right:1vw;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;padding:.5vw .9vw;border-radius:.5vw;font-size:.8vw;font-weight:600;cursor:pointer;opacity:.25;transition:opacity .2s;z-index:9999}.tv-exit:hover{opacity:1;background:#ff524533;border-color:#ff524580}.tv-press{position:fixed;bottom:1vw;left:50%;transform:translate(-50%);font-size:.7vw;color:#ffffff40;letter-spacing:.1em;text-transform:uppercase;pointer-events:none}.alert-flash{animation:alertFlash 2s ease-out infinite}@keyframes alertFlash{0%,to{box-shadow:0 0 #ff524500}50%{box-shadow:0 0 0 .4vw #ff524540}}:root{--bg: #f6f7fb;--surface: #ffffff;--border: #e3e6ee;--text: #1b1d24;--muted: #5c6377;--accent: #2f5bea;--accent-text: #ffffff;--danger: #c0354c;--success: #1f7a4d;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #0f1117;--surface: #171a23;--border: #262a36;--text: #e8ebf2;--muted: #9aa1b3;--accent: #6b8cff;--danger: #ff7a8c;--success: #6fd29a}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}a{color:var(--accent)}button{appearance:none;background:var(--accent);color:var(--accent-text);border:0;border-radius:6px;padding:.6rem 1rem;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}input{width:100%;padding:.55rem .7rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font:inherit}input:focus{outline:2px solid var(--accent);outline-offset:1px}label{display:block;margin-bottom:.85rem;font-weight:500;font-size:.9rem}label input{margin-top:.3rem;font-weight:400}.centered{min-height:100vh;display:grid;place-items:center;padding:2rem}.auth-card{max-width:380px;margin:4rem auto;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:2rem}.auth-card h1{margin-top:0;font-size:1.4rem}.auth-links{margin-top:1rem;font-size:.9rem}.form-error{color:var(--danger);margin:.5rem 0;font-size:.9rem}.form-success{color:var(--success);margin:.5rem 0;font-size:.9rem}.muted{color:var(--muted)}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.app-header{display:flex;align-items:center;gap:1.5rem;padding:.9rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.brand{font-weight:700;text-decoration:none;color:var(--text)}.primary-nav{display:flex;gap:1rem;flex:1}.primary-nav a{text-decoration:none;color:var(--muted);padding:.35rem .6rem;border-radius:6px}.primary-nav a.active{color:var(--text);background:var(--bg)}.user-menu{display:flex;align-items:center;gap:.75rem}.user-email{color:var(--muted);font-size:.9rem}.user-menu button{background:transparent;color:var(--text);border:1px solid var(--border)}.app-main{padding:1.5rem}.page{max-width:960px;margin:0 auto}.code-block{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem;overflow:auto;font-size:.85rem}