.overview-command-grid{display:grid;grid-template-columns:minmax(310px,390px) minmax(0,1fr);gap:14px;align-items:stretch}
.category-volume-card,.signal-card,.live-timeline-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(248,250,246,.9));border:1px solid var(--line);box-shadow:var(--shadow)}
.category-volume-card{min-height:314px;border-radius:var(--radius);padding:22px 24px 18px;isolation:isolate}
.category-volume-card:before{content:"";position:absolute;inset:-42% -30% auto 20%;height:230px;background:radial-gradient(circle,rgba(185,243,74,.24),transparent 66%);filter:blur(12px);z-index:-1;pointer-events:none}
.volume-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.volume-head h2{margin:5px 0 0;font:800 21px/1.1 Georgia,serif;letter-spacing:-.03em}
.volume-state{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--surface-2);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}
.volume-state:before{content:"";width:7px;height:7px;border-radius:50%;background:#8f978e}
.volume-state.running:before{background:#4dae66;box-shadow:0 0 0 5px rgba(77,174,102,.12);animation:overviewPulse 1.4s ease-in-out infinite}
.volume-state.stopped:before{background:#d9952c}
.volume-gauge{position:relative;height:182px;margin:0 auto -9px;max-width:340px}
.volume-gauge svg{display:block;width:100%;height:100%;overflow:visible}
.volume-segment{stroke:#e4e7e2;stroke-width:8;stroke-linecap:round;opacity:0;transform-origin:center;animation:gaugeIn .44s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i)*10ms)}
.volume-segment.active{stroke:#aeea36;filter:drop-shadow(0 2px 4px rgba(116,173,13,.16))}
.volume-center{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);display:grid;justify-items:center;min-width:150px}
.volume-center strong{font:900 50px/.9 Georgia,serif;letter-spacing:-.06em;color:#141713}
.volume-center span{margin-top:9px;font-size:11px;color:var(--muted)}
.volume-center span b{color:var(--ink)}
.volume-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:13px;border-top:1px solid rgba(217,222,215,.8)}
.volume-foot span{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}
.volume-foot i{width:7px;height:7px;border-radius:50%;background:var(--lime)}
.volume-foot span+span i{background:#d5dad3}
.volume-foot b{color:var(--ink)}
.signal-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.signal-card{min-height:150px;border-radius:var(--radius);padding:17px 17px 13px;display:block;transition:transform .2s ease,border-color .2s ease}
.signal-card:hover{transform:translateY(-2px);border-color:#b9c0b7}
.signal-card>div:first-child{position:relative;z-index:2}
.signal-card span{display:block;color:var(--muted);font-size:10px;font-weight:700}
.signal-card strong{display:block;margin:13px 0 3px;font:900 30px/.95 Georgia,serif;letter-spacing:-.045em}
.signal-card small{color:var(--muted);font-size:9px}
.metric-chart{position:absolute;left:16px;right:15px;bottom:12px;height:34px;display:flex;align-items:end;gap:4px;opacity:.8}
.metric-chart i{flex:1;height:var(--h);min-width:3px;border-radius:3px 3px 1px 1px;background:currentColor;opacity:.17;transform-origin:bottom;animation:barRise .65s cubic-bezier(.2,.75,.25,1) both;animation-delay:calc(var(--i)*35ms)}
.signal-card.lime{color:#6a9200}.signal-card.amber{color:#bc7b0c}.signal-card.green{color:#2d9551}.signal-card.red{color:#d34e5a}.signal-card.violet{color:#7661c1}.signal-card.ink{color:#222621}
.signal-card>div:first-child,.signal-card>div:first-child strong{color:var(--ink)}
.signal-card .metric-icon{right:14px;top:13px}
.span-3{grid-column:1/-1}
.live-timeline-panel{padding:23px 24px 25px}
.live-timeline-panel:before{content:"";position:absolute;width:340px;height:340px;right:-160px;top:-200px;border-radius:50%;background:rgba(185,243,74,.12);filter:blur(18px);pointer-events:none}
.automation-strip{display:grid;grid-template-columns:minmax(220px,1fr) minmax(300px,1.6fr);gap:17px;align-items:center;margin:20px 0 14px;padding:13px 15px;border:1px solid var(--line);background:rgba(238,241,236,.72);border-radius:14px}
.automation-strip>div:first-child{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}.automation-strip>div:first-child>span{display:grid}.automation-strip strong{font-size:12px}.automation-strip small{font-size:9px;color:var(--muted);margin-top:2px}.automation-strip>div:last-child{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:11px}.automation-strip>div:last-child>b{font:800 17px Georgia,serif}.automation-progress{display:block;height:9px;background:#dce1da;border-radius:99px;overflow:hidden}.automation-progress i{display:block;height:100%;background:linear-gradient(90deg,#1b201b,#82ba1c,#b9f34a);background-size:200% 100%;border-radius:inherit;animation:railFlow 2.2s linear infinite}
.live-product-card{position:relative;border:1px solid #cdd3cb;border-radius:18px;padding:18px;background:rgba(255,255,255,.8);box-shadow:0 12px 30px rgba(17,24,15,.045);cursor:pointer}
.live-product-card.paused{filter:saturate(.72)}
.live-product-head{display:flex;justify-content:space-between;gap:20px;align-items:center}
.live-product-identity{display:grid;grid-template-columns:58px 1fr;gap:13px;align-items:center;min-width:0}
.live-product-identity img,.live-product-identity>.thumb-fallback{width:58px;height:58px;border-radius:13px;object-fit:cover;background:#e6eae4}
.live-product-identity h3{margin:3px 0 2px;font:800 21px/1.1 Georgia,serif;letter-spacing:-.025em}
.live-product-identity p{margin:0;color:var(--muted);font-size:10px}
.live-product-meta{display:grid;justify-items:end;gap:3px}.live-product-meta strong{font:900 27px/1 Georgia,serif}.live-product-meta small{font-size:9px;color:var(--muted)}
.workflow-rail{position:relative;margin-top:29px;padding:12px 5px 2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.workflow-rail{min-width:100%}.workflow-track,.workflow-nodes{min-width:1180px}
.workflow-track{position:absolute;left:28px;top:16px;height:38px;width:calc(1180px - 56px);border-radius:999px;background:#e9ece7;overflow:hidden;border:1px solid #dfe4dd}
.workflow-track i{display:block;width:var(--workflow-fill);height:100%;border-radius:inherit;background:linear-gradient(90deg,#172019 0%,#2b7a45 33%,#59ce83 66%,#b9f34a 100%);background-size:180% 100%;box-shadow:inset 0 0 16px rgba(255,255,255,.18);animation:railFlow 2s linear infinite;transition:width .55s cubic-bezier(.2,.8,.2,1)}
.workflow-nodes{position:relative;display:grid;grid-template-columns:repeat(var(--step-count),minmax(70px,1fr));gap:8px;align-items:start}
.workflow-node{min-width:70px;text-align:center;color:#9ca39b;animation:nodeIn .35s ease both;animation-delay:calc(var(--i)*35ms)}
.workflow-node>span{position:relative;z-index:2;width:58px;height:58px;margin:0 auto 6px;border:7px solid rgba(251,252,249,.94);border-radius:50%;display:grid;place-items:center;background:#e5e8e3;color:#939b92;font-size:15px;font-weight:900;box-shadow:0 0 0 1px #d9ded7;transition:.25s}
.workflow-node>small{display:grid;place-items:center;width:17px;height:17px;margin:0 auto 5px;border-radius:50%;background:#ecefeb;color:#747c74;font-size:8px;font-weight:800}.workflow-node>strong{display:block;max-width:104px;margin:auto;color:currentColor;font-size:9px;font-weight:750;line-height:1.25;text-wrap:balance}.workflow-node>em{display:block;margin-top:4px;font-size:7px;font-style:normal;color:#9aa19a;text-transform:uppercase;letter-spacing:.08em}
.workflow-node.completed{color:#1f6e3e}.workflow-node.completed>span{background:#e0f5e4;color:#23804a;box-shadow:0 0 0 1px #a7dbb4}.workflow-node.completed>small{background:#dff3df;color:#23673a}
.workflow-node.running,.workflow-node.retrying{color:#141713}.workflow-node.running>span,.workflow-node.retrying>span{background:var(--lime);color:#18220c;box-shadow:0 0 0 1px #82b91f,0 0 0 8px rgba(185,243,74,.18);animation:activePulse 1.65s ease-in-out infinite}.workflow-node.running>small,.workflow-node.retrying>small{background:var(--lime);color:#18220c}
.workflow-node.failed,.workflow-node.blocked,.workflow-node.waiting_for_admin{color:#a32f3a}.workflow-node.failed>span,.workflow-node.blocked>span,.workflow-node.waiting_for_admin>span{background:#ffd7d9;color:#a32f3a;box-shadow:0 0 0 1px #ef9ba2}
.workflow-node.stopped{color:#926413}.workflow-node.stopped>span{background:#ffe8af;color:#73500c;box-shadow:0 0 0 1px #e9c46c}
.upcoming-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:25px 1px 11px}.upcoming-head h3{margin:0;font-size:13px}.upcoming-head p{margin:3px 0 0;color:var(--muted);font-size:9px}.upcoming-head a{color:var(--ink);font-size:10px;font-weight:800}
.upcoming-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.upcoming-product{display:grid;grid-template-columns:32px minmax(0,1fr);gap:5px 10px;align-items:center;text-align:left;border:1px solid var(--line);background:#f9faf7;border-radius:13px;padding:11px 12px;cursor:pointer;color:inherit;transition:.2s}
.upcoming-product:hover{background:#fff;border-color:#aeb6ad;transform:translateY(-1px)}
.upcoming-product>span{grid-row:1/3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e7eae5;color:#798079;font:800 9px/1 sans-serif}
.upcoming-product>div:nth-child(2){min-width:0}.upcoming-product strong,.upcoming-product small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming-product strong{font-size:10px}.upcoming-product small{font-size:8px;color:var(--muted)}
.upcoming-product .empty-progress{grid-column:2;display:block;height:6px;border-radius:99px;background:#e2e6df;overflow:hidden}.upcoming-product .empty-progress i{display:block;width:0;height:100%;background:var(--lime)}
.upcoming-product>b{position:absolute;opacity:0;pointer-events:none}
.live-empty{display:flex;align-items:center;gap:14px;padding:25px;border:1px dashed #c9cfc7;border-radius:15px;background:rgba(255,255,255,.55)}.live-empty>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2)}.live-empty strong,.live-empty small{display:block}.live-empty small{color:var(--muted);font-size:9px;margin-top:3px}
@keyframes gaugeIn{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
@keyframes barRise{from{transform:scaleY(.06);opacity:0}to{transform:scaleY(1);opacity:.17}}
@keyframes railFlow{to{background-position:-180% 0}}
@keyframes activePulse{50%{box-shadow:0 0 0 1px #82b91f,0 0 0 14px rgba(185,243,74,.04);transform:scale(1.035)}}
@keyframes nodeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes overviewPulse{50%{box-shadow:0 0 0 8px rgba(77,174,102,0)}}
@media(max-width:1250px){.overview-command-grid{grid-template-columns:330px 1fr}.signal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.signal-card{min-height:146px}.upcoming-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.overview-command-grid{grid-template-columns:1fr}.category-volume-card{min-height:300px}.signal-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.upcoming-products{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.signal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.live-timeline-panel{padding:17px 14px}.live-product-head{align-items:flex-start}.live-product-meta .status{display:none}.workflow-rail{margin-left:-4px;margin-right:-4px}.upcoming-products{grid-template-columns:1fr}.automation-strip{grid-template-columns:1fr}.volume-foot{grid-template-columns:1fr}.category-volume-card{padding:18px}.live-product-identity{grid-template-columns:46px 1fr}.live-product-identity img,.live-product-identity>.thumb-fallback{width:46px;height:46px}.live-product-identity h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.volume-segment,.metric-chart i,.workflow-track i,.workflow-node,.workflow-node.running>b,.workflow-node.retrying>b,.volume-state.running:before{animation:none!important;transition:none!important;opacity:1}}