:root,[data-theme=light]{--bg: #FAF8F3;--surface: #FFFFFF;--ink: #1A1918;--subtle: #5E5750;--muted: #8B857A;--border: #EAE5DC;--border-soft: #F2EEE5;--accent: #6B5B3E;--gold: #C9A96E;--gold-deep: #8E6F2F;--pos: #0E8F5A;--neg: #C2403D;--amber: #C2901C;--pos-soft: rgba(14,143,90,.1);--neg-soft: rgba(194,64,61,.1);--amber-soft: rgba(194,144,28,.14);--gold-soft: rgba(201,169,110,.14)}[data-theme=dark]{--bg: #17150F;--surface: #211E17;--ink: #F3EEE3;--subtle: #C2B9A8;--muted: #8E8676;--border: #332E23;--border-soft: #28241B;--accent: #C9AE7C;--gold: #D8BC80;--gold-deep: #E3CB94;--pos: #3FBE85;--neg: #E26B66;--amber: #E0B24A;--pos-soft: rgba(63,190,133,.16);--neg-soft: rgba(226,107,102,.16);--amber-soft: rgba(224,178,74,.16);--gold-soft: rgba(216,188,128,.18)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-track{background:transparent}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:200px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;overflow:hidden}.sb-brand{display:flex;align-items:center;gap:10px;padding:18px 16px 16px;border-bottom:1px solid var(--border)}.sb-brand-sub{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:1px}.sb-nav{flex:1;padding:10px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sb-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:7px;border:none;background:transparent;color:var(--subtle);font-family:inherit;font-size:12.5px;font-weight:500;cursor:pointer;text-align:left;width:100%;transition:background .12s,color .12s}.sb-item:hover{background:var(--gold-soft);color:var(--ink)}.sb-item.active{background:var(--gold-soft);color:var(--gold-deep);font-weight:600}.sb-icon{display:flex;align-items:center;flex-shrink:0;opacity:.85}.sb-item.active .sb-icon{opacity:1}.sb-footer{padding:12px 12px 16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:7px}.sb-user{font-size:11px;font-weight:600;color:var(--ink);padding:4px 0}.sb-actions{display:flex;gap:6px}.sb-actions .btn-sm{flex:1;text-align:center;justify-content:center}.main-content{flex:1;overflow-y:auto;overflow-x:auto;height:100vh}.wrap{padding:12px 16px 40px}.placeholder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:12px;color:var(--muted)}.placeholder-icon{width:48px;height:48px;border-radius:12px;background:var(--gold-soft);color:var(--gold-deep);display:flex;align-items:center;justify-content:center}.placeholder-icon svg{width:24px;height:24px}.placeholder-page h2{font-family:Libre Caslon Text,serif;font-size:20px;font-weight:700;color:var(--ink)}.placeholder-page p{font-size:13px;color:var(--muted)}.header{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:11px 18px;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:12px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px}.logo-dot{width:9px;height:9px;background:var(--gold);border-radius:50%;flex-shrink:0}.brand-name{font-family:Libre Caslon Text,serif;font-size:16px;font-weight:700}.brand-name em{font-style:italic;font-weight:400;color:var(--gold-deep)}.brand-sub{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-left:12px;padding-left:12px;border-left:1px solid var(--border)}.header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.conn-badge{display:flex;align-items:center;gap:5px;font-size:10.5px;padding:4px 10px;border-radius:20px;font-weight:600}.conn-badge.live{background:var(--pos-soft);color:var(--pos)}.conn-badge.sample{background:var(--amber-soft);color:var(--amber)}.conn-badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.refresh-info{font-size:10px;color:var(--muted)}.btn-sm{background:transparent;border:1px solid var(--border);padding:5px 10px;border-radius:6px;font-size:10.5px;cursor:pointer;color:var(--subtle);font-family:inherit;transition:background .12s,border-color .12s,color .12s}.btn-sm:hover{background:var(--gold-soft);color:var(--ink);border-color:var(--gold)}.btn-sm:disabled{opacity:.5;cursor:not-allowed}.meta-date{font-size:10.5px;color:var(--muted)}.meta-date strong{color:var(--ink);font-weight:600}.alert-banner{background:var(--neg-soft);border:1px solid var(--neg);border-radius:10px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:12px;flex-wrap:wrap}.alert-left{display:flex;align-items:center;gap:14px}.alert-icon{font-size:18px}.alert-msg{font-family:Libre Caslon Text,serif;font-size:16px;color:var(--neg);font-weight:700}.alert-msg strong{font-size:21px}.alert-sub{font-size:11px;color:var(--subtle);margin-top:2px}.alert-right{font-size:11px;color:var(--subtle);text-align:right}.alert-key{font-family:Libre Caslon Text,serif;font-size:14px;color:var(--ink);font-weight:700}.kpi-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:10px}.kpi{background:var(--surface);padding:11px 14px}.kpi-label{font-size:9.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.kpi-value{font-family:Libre Caslon Text,serif;font-size:25px;font-weight:400;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.kpi-value .of{font-size:13px;color:var(--muted)}.kpi-meta{font-size:10px;color:var(--muted);margin-top:4px}.kpi.neg .kpi-value{color:var(--neg)}.kpi.amber .kpi-value{color:var(--amber)}.kpi.pos .kpi-value{color:var(--pos)}.kpi.gold .kpi-value{color:var(--gold-deep)}.kpi-value-sm{font-size:18px}.section-head{display:flex;align-items:baseline;justify-content:space-between;padding:4px 2px 7px;flex-wrap:wrap;gap:6px}.section-head h2{font-family:Libre Caslon Text,serif;font-size:16px;font-weight:700;letter-spacing:-.01em}.section-meta{font-size:11px;color:var(--muted)}.section-meta strong{color:var(--ink)}.pod-grid{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 12px;margin-bottom:8px;scroll-snap-type:x proximity;scrollbar-width:thin}.pod{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:9px;padding:12px 14px;display:flex;flex-direction:column;width:340px;min-width:340px;max-width:340px;height:calc(100vh - 460px);overflow:hidden;flex-shrink:0;scroll-snap-align:start}.pod.critical{border-left-color:var(--neg)}.pod.risk{border-left-color:var(--amber)}.pod.healthy{border-left-color:var(--pos)}.pod-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:9px}.rank-badge{font-family:Libre Caslon Text,serif;font-size:22px;font-weight:700;width:38px;height:38px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);line-height:1}.rank-badge .hash{font-size:11px;color:var(--muted);vertical-align:super}.pod.healthy .rank-badge{color:var(--pos)}.pod.risk .rank-badge{color:var(--amber)}.pod.critical .rank-badge{color:var(--neg)}.pod-head-mid{flex:1;min-width:0}.pod-head-mid h3{font-family:Libre Caslon Text,serif;font-size:15px;font-weight:700;line-height:1.2;display:flex;align-items:center;gap:7px}.health-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.health-dot.critical{background:var(--neg)}.health-dot.risk{background:var(--amber)}.health-dot.healthy{background:var(--pos)}.pod-leads{font-size:10.5px;color:var(--muted);margin-top:3px}.status-tag{display:inline-block;font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:2px 7px;border-radius:4px;margin-top:4px}.status-tag.critical{background:var(--neg-soft);color:var(--neg)}.status-tag.risk{background:var(--amber-soft);color:var(--amber)}.status-tag.healthy{background:var(--pos-soft);color:var(--pos)}.pod-head-r{text-align:right;flex-shrink:0}.score-val{font-family:Libre Caslon Text,serif;font-size:26px;font-weight:700;line-height:1}.pod.healthy .score-val{color:var(--pos)}.pod.risk .score-val{color:var(--amber)}.pod.critical .score-val{color:var(--neg)}.score-lbl{font-size:8.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:2px}.lanes{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:8px;border-top:1px solid var(--border-soft);flex:1;min-height:0;overflow:hidden}.lanes>div{display:flex;flex-direction:column;min-height:0;overflow:hidden}.lane-title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--subtle);margin-bottom:6px;display:flex;align-items:center;justify-content:space-between}.lane-flag{font-size:8px;font-weight:700;padding:1px 5px;border-radius:8px}.lane-flag.short{background:var(--neg-soft);color:var(--neg)}.lane-flag.ok{background:var(--pos-soft);color:var(--pos)}.lane-items{display:flex;flex-direction:column;gap:3px;overflow-y:auto;flex:1;min-height:0}.lane-item{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink);padding:4px 7px;background:var(--bg);border-radius:4px;font-weight:500}.lane-item .bullet{width:4px;height:4px;border-radius:50%;flex-shrink:0;background:var(--gold)}.lane-item .item-flag{margin-left:auto;font-size:10px}.stage-pill{margin-left:auto;font-size:7.5px;font-weight:700;text-transform:uppercase;padding:1px 4px;border-radius:3px}.stage-pill.review{background:#b264a821;color:#8e4d85}.stage-pill.live{background:var(--pos-soft);color:var(--pos)}.lane-slot{font-size:10px;padding:4px 7px;border:1px dashed var(--border);border-radius:4px;color:var(--muted);font-style:italic}.lane-slot.feed{border-color:var(--neg);color:var(--neg);background:var(--neg-soft);font-style:normal;font-weight:600}.kpi-micro{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border-soft);border:1px solid var(--border-soft);border-radius:6px;overflow:hidden;margin-top:9px}.km{background:var(--surface);padding:6px 5px;text-align:center}.km .l{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.km .v{font-family:Libre Caslon Text,serif;font-size:16px;font-variant-numeric:tabular-nums;margin-top:2px;line-height:1}.km .v.good{color:var(--pos)}.km .v.bad{color:var(--neg)}.km .v.warn{color:var(--amber)}.km .v.dim{color:var(--muted)}.team{margin-top:8px;padding-top:7px;border-top:1px solid var(--border-soft)}.team-lbl{font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--subtle);margin-bottom:5px}.person{display:flex;align-items:center;gap:7px;font-size:11px;padding:3px 0}.person .nm{color:var(--ink);font-weight:500;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person .stat{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:3px;white-space:nowrap}.person .stat b{font-weight:600}.pdot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.pdot.g{background:var(--pos)}.pdot.a{background:var(--amber)}.pdot.r{background:var(--neg)}.pod-foot{margin-top:8px;padding-top:7px;border-top:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;gap:8px}.last-ship{font-size:10px;color:var(--muted)}.last-ship b{color:var(--ink);font-weight:600}.last-ship em{font-style:italic}.backlog-btn{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;color:var(--accent);background:var(--bg);border:1px solid var(--border);padding:5px 10px;border-radius:6px;cursor:pointer;font-family:inherit;transition:all .12s;white-space:nowrap}.backlog-btn:hover{background:var(--gold-soft);border-color:var(--gold);color:var(--gold-deep)}.backlog-btn .n{font-family:Libre Caslon Text,serif;font-weight:700}.backlog-btn.empty{color:var(--neg);border-color:var(--neg);background:var(--neg-soft)}.cube-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.quad{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:13px 16px}.quad.do{border-top:3px solid var(--neg)}.quad.plan{border-top:3px solid var(--gold)}.quad.delegate{border-top:3px solid var(--amber)}.quad.drop{border-top:3px solid var(--muted)}.quad-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;margin-bottom:11px;border-bottom:1px solid var(--border-soft)}.quad-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.quad.do .quad-title{color:var(--neg)}.quad.plan .quad-title{color:var(--gold-deep)}.quad.delegate .quad-title{color:var(--amber)}.quad.drop .quad-title{color:var(--muted)}.quad-count{font-family:Libre Caslon Text,serif;font-size:19px;font-weight:700}.quad.do .quad-count{color:var(--neg)}.quad.plan .quad-count{color:var(--gold-deep)}.quad.delegate .quad-count{color:var(--amber)}.quad.drop .quad-count{color:var(--muted)}.quad-items{display:flex;flex-direction:column;gap:7px}.qi{font-size:12.5px;line-height:1.45;display:flex;align-items:baseline;gap:8px}.qi .pin{font-size:9.5px;color:var(--gold-deep);font-weight:700;min-width:52px;font-family:Libre Caslon Text,serif;flex-shrink:0}.qi .desc{flex:1;color:var(--ink)}.qi .desc strong{font-weight:700}.qi.muted .desc{color:var(--muted)}.qi-empty{font-size:12px;color:var(--muted);font-style:italic}.tray-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a191857;opacity:0;visibility:hidden;transition:opacity .2s;z-index:50}.tray-overlay.open{opacity:1;visibility:visible}.tray{position:fixed;top:0;right:0;height:100vh;width:380px;max-width:90vw;background:var(--surface);border-left:1px solid var(--border);transform:translate(100%);transition:transform .24s cubic-bezier(.4,0,.2,1);z-index:51;display:flex;flex-direction:column;box-shadow:-10px 0 40px -10px #1e19142e}.tray.open{transform:translate(0)}.tray-head{padding:20px 22px 16px;border-bottom:1px solid var(--border);position:relative}.tray-eyebrow{font-size:9.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.tray-head h3{font-family:Libre Caslon Text,serif;font-size:19px;font-weight:700;margin-top:5px}.tray-sub{font-size:11.5px;color:var(--subtle);margin-top:4px}.tray-close{position:absolute;top:18px;right:18px;width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:var(--bg);cursor:pointer;font-size:14px;color:var(--subtle);display:flex;align-items:center;justify-content:center}.tray-close:hover{background:var(--neg-soft);color:var(--neg);border-color:var(--neg)}.tray-body{padding:16px 22px;overflow-y:auto;flex:1}.tray-item{padding:12px 14px;background:var(--bg);border:1px solid var(--border-soft);border-radius:7px;margin-bottom:9px}.tray-item.flagged{border-color:var(--neg);border-left:3px solid var(--neg)}.tray-item .t-name{font-size:13.5px;font-weight:600;color:var(--ink)}.tray-item .t-meta{font-size:10.5px;color:var(--muted);margin-top:3px}.tray-item .t-warn{font-size:10px;color:var(--neg);font-weight:600;margin-top:4px}.tray-empty{text-align:center;color:var(--muted);font-size:12.5px;padding:40px 20px;font-style:italic}.tray-foot{padding:14px 22px;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}.loading-wrap{display:flex;align-items:center;justify-content:center;height:180px;color:var(--muted);font-size:13px;gap:10px}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.kpi-strip{grid-template-columns:repeat(4,1fr)}.cube-grid{grid-template-columns:1fr}}@media (max-width: 640px){.kpi-strip{grid-template-columns:repeat(2,1fr)}.wrap{padding:8px 10px 40px}}