.ops-demo{--ops-bg: #f7f8fa;--ops-panel: #ffffff;--ops-ink: #13151a;--ops-muted: #667085;--ops-line: #d9dee8;--ops-indigo: #4f46e5;--ops-teal: #0d9488;--ops-amber: #d97706;--ops-red: #dc2626;background:var(--ops-bg);color:var(--ops-ink);font-family:Hanken Grotesk,Arial,sans-serif;margin:0;max-width:none;min-height:100vh;padding:44px 0 0;width:100%}.ops-demo button,.ops-demo input,.ops-demo select{font:inherit}.ops-shell{display:grid;grid-template-columns:260px minmax(0,1fr) minmax(260px,.36fr);min-height:calc(100vh - 44px)}.ops-sidebar,.ops-detail-panel{background:#111827;color:#fff;padding:28px;position:sticky;top:44px;height:calc(100vh - 44px)}.ops-brand{align-items:center;display:flex;gap:12px;margin-bottom:34px}.ops-brand span{align-items:center;background:linear-gradient(135deg,var(--ops-indigo),var(--ops-teal));border-radius:10px;display:inline-flex;font-family:JetBrains Mono,Consolas,monospace;font-weight:800;height:42px;justify-content:center;width:42px}.ops-brand strong,.ops-demo h1,.ops-demo h2{letter-spacing:0}.ops-sidebar nav{display:grid;gap:8px}.ops-sidebar nav a{align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#ffffffb8;display:flex;gap:12px;padding:12px}.ops-sidebar nav a.is-active,.ops-sidebar nav a:hover{background:#ffffff14;color:#fff}.ops-sidebar nav span,.ops-eyebrow,.ops-card-head span,.ops-detail-panel>span{font-family:JetBrains Mono,Consolas,monospace;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ops-sidebar-cta,.ops-actions a,.ops-detail-panel a{align-items:center;border-radius:10px;display:inline-flex;font-weight:800;justify-content:center;min-height:46px;padding:12px 16px}.ops-sidebar-cta{background:#fff;color:#111827;margin-top:34px;width:100%}.ops-workspace{display:grid;gap:18px;padding:78px clamp(18px,4vw,44px) 44px}.ops-hero{align-items:end;display:grid;gap:26px;grid-template-columns:minmax(0,1fr) minmax(260px,.38fr)}.ops-eyebrow,.ops-card-head span{color:var(--ops-indigo)}.ops-hero h1{font-size:clamp(2.65rem,5.8vw,5.7rem);line-height:.94;margin-top:18px;max-width:13ch}.ops-hero p:not(.ops-eyebrow){color:var(--ops-muted);font-size:1.08rem;line-height:1.65;margin-top:18px;max-width:66ch}.ops-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.ops-actions a:first-child{background:var(--ops-indigo);color:#fff}.ops-actions a:last-child{background:#fff;border:1px solid var(--ops-line);color:var(--ops-ink)}.ops-control-panel,.ops-kpi,.ops-chart-card,.ops-distribution-card,.ops-insight-card,.ops-workflow-card,.ops-opportunity-card,.ops-table-card{background:var(--ops-panel);border:1px solid var(--ops-line);border-radius:14px;box-shadow:0 24px 60px -54px #0f172a6b}.ops-control-panel{display:grid;gap:12px;padding:16px}.ops-control-panel label{color:var(--ops-muted);display:grid;font-size:.86rem;font-weight:800;gap:7px}.ops-control-panel select{background:#f8fafc;border:1px solid var(--ops-line);border-radius:10px;color:var(--ops-ink);min-height:44px;padding:9px 11px}.ops-control-metrics{border-top:1px solid var(--ops-line);display:grid;gap:10px;margin-top:4px;padding-top:14px}.ops-control-metrics div{align-items:baseline;display:flex;gap:10px;justify-content:space-between}.ops-control-metrics strong{color:var(--ops-ink);font-family:JetBrains Mono,Consolas,monospace;font-size:1.15rem}.ops-control-metrics span{color:var(--ops-muted);font-size:.78rem;font-weight:800;text-align:right;text-transform:uppercase}.ops-kpi-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.ops-kpi{min-width:0;padding:18px}.ops-kpi span{color:var(--ops-muted);font-family:JetBrains Mono,Consolas,monospace;font-size:.72rem}.ops-kpi p{color:var(--ops-muted);margin-top:16px}.ops-kpi strong{display:block;font-family:JetBrains Mono,Consolas,monospace;font-size:clamp(2rem,4vw,3.05rem);margin-top:8px}.ops-kpi em{color:var(--ops-teal);display:block;font-style:normal;font-weight:800;margin-top:10px}.ops-kpi-watch em{color:var(--ops-amber)}.ops-dashboard-grid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr)}.ops-intel-grid{display:grid;gap:14px;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr)}.ops-chart-card,.ops-distribution-card,.ops-insight-card,.ops-workflow-card,.ops-opportunity-card,.ops-table-card{padding:20px}.ops-insight-card{background:radial-gradient(circle at 12% 18%,rgba(79,70,229,.12),transparent 30%),var(--ops-panel)}.ops-insight-list{display:grid;gap:10px}.ops-insight-list div{border:1px solid var(--ops-line);border-radius:12px;display:grid;gap:5px;grid-template-columns:auto 1fr;padding:13px}.ops-insight-list span{color:var(--ops-indigo);font-family:JetBrains Mono,Consolas,monospace;font-size:.72rem;font-weight:900;grid-row:span 2;padding-top:2px}.ops-insight-list strong,.ops-opportunities strong,.ops-flow strong{color:var(--ops-ink)}.ops-insight-list p,.ops-opportunities p,.ops-flow p{color:var(--ops-muted);line-height:1.48}.ops-workflow-card{background:#111827;color:#fff}.ops-workflow-card .ops-card-head span,.ops-workflow-card .ops-card-head h2,.ops-flow strong{color:#fff}.ops-flow{counter-reset:ops-flow;display:grid;gap:0;list-style:none;margin:0;padding:0}.ops-flow li{border-left:1px solid rgba(255,255,255,.18);display:grid;gap:4px;margin-left:14px;padding:0 0 18px 22px;position:relative}.ops-flow li:before{background:linear-gradient(135deg,var(--ops-indigo),var(--ops-teal));border:3px solid #111827;border-radius:50%;content:"";height:13px;left:-7px;position:absolute;top:3px;width:13px}.ops-flow li:last-child{border-left-color:transparent;padding-bottom:0}.ops-flow p{color:#ffffffad}.ops-opportunity-card{grid-column:1 / -1}.ops-opportunities{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.ops-opportunities div{background:#f8fafc;border:1px solid var(--ops-line);border-radius:12px;padding:16px;position:relative}.ops-opportunities div:before{background:linear-gradient(180deg,var(--ops-teal),var(--ops-indigo));border-radius:999px;content:"";height:36px;position:absolute;right:14px;top:14px;width:4px}.ops-opportunities p{margin-top:8px;padding-right:18px}.ops-card-head{align-items:start;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px}.ops-card-head h2{font-size:1.45rem;margin-top:6px}.ops-chart-legend{display:flex;gap:12px}.ops-chart-legend span{align-items:center;color:var(--ops-muted);display:inline-flex;font-size:.82rem;gap:6px}.ops-chart-legend i{background:var(--ops-indigo);border-radius:50%;height:8px;width:8px}.ops-chart-legend span:last-child i{background:var(--ops-teal)}.ops-trend-chart{height:auto;width:100%}.ops-grid-lines line{stroke:#e5e7eb;stroke-width:1}.ops-line-load,.ops-line-closed{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:5}.ops-line-load{stroke:var(--ops-indigo)}.ops-line-closed{stroke:var(--ops-teal)}.ops-bars{display:grid;gap:16px}.ops-bars div{display:grid;gap:8px;grid-template-columns:1fr auto}.ops-bars span{color:var(--ops-muted);font-weight:800}.ops-bars b{background:#eef2ff;border-radius:999px;grid-column:1 / -1;height:11px;overflow:hidden}.ops-bars i{background:linear-gradient(90deg,var(--ops-indigo),var(--ops-teal));border-radius:inherit;display:block;height:100%;transition:width .24s ease;width:var(--bar-width, 0%)}.ops-table-card{overflow:hidden}.ops-filter-pills{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.ops-filter-pills button,.ops-table-card th button{background:transparent;border:1px solid var(--ops-line);border-radius:999px;color:var(--ops-muted);cursor:pointer;font-size:.8rem;font-weight:800;min-height:34px;padding:7px 10px}.ops-filter-pills button.is-active{background:var(--ops-ink);border-color:var(--ops-ink);color:#fff}.ops-table-wrap{overflow-x:auto}.ops-table-card table{border-collapse:collapse;min-width:780px;width:100%}.ops-table-card th,.ops-table-card td{border-bottom:1px solid var(--ops-line);padding:13px 10px;text-align:left;white-space:nowrap}.ops-table-card td:nth-child(2){white-space:normal}.ops-table-card td button{background:transparent;border:0;color:var(--ops-indigo);cursor:pointer;font-weight:900;padding:0}.ops-pill{background:#eef2ff;border-radius:999px;color:var(--ops-indigo);display:inline-flex;font-size:.8rem;font-weight:900;padding:6px 9px}.ops-pill-bloqueado,.ops-pill-blocked{background:#fef2f2;color:var(--ops-red)}.ops-pill-listo,.ops-pill-ready{background:#ecfdf5;color:var(--ops-teal)}.ops-empty{color:var(--ops-muted);padding:18px 0 0}.ops-detail-panel{background:linear-gradient(180deg,#111827,#0f172a);display:grid;align-content:start;gap:18px}.ops-detail-panel>span{color:#ffffff9e}.ops-detail-panel h2{font-family:JetBrains Mono,Consolas,monospace;font-size:2rem}.ops-detail-panel p,.ops-detail-panel dd{color:#ffffffb8;line-height:1.55}.ops-detail-panel dl{display:grid;gap:10px;margin:0}.ops-detail-panel div{border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:11px}.ops-detail-panel dt{color:#ffffff80;font-family:JetBrains Mono,Consolas,monospace;font-size:.68rem;text-transform:uppercase}.ops-detail-panel dd{margin:5px 0 0}.ops-detail-panel a{background:#fff;color:#111827;margin-top:8px}@media(max-width:1180px){.ops-shell{grid-template-columns:220px minmax(0,1fr)}.ops-intel-grid,.ops-opportunities{grid-template-columns:1fr}.ops-detail-panel{height:auto;position:static;grid-column:1 / -1}.ops-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.ops-shell,.ops-hero,.ops-dashboard-grid,.ops-intel-grid{grid-template-columns:1fr}.ops-sidebar{height:auto;position:static;padding:76px 20px 20px}.ops-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-sidebar-cta{display:none}.ops-workspace{padding:42px 20px}.ops-hero h1{font-size:clamp(2.35rem,10vw,4rem)}.ops-card-head{display:grid}.ops-filter-pills{justify-content:flex-start}}@media(max-width:520px){.ops-demo{padding-bottom:76px}.ops-sidebar nav{grid-template-columns:1fr}.ops-kpi-grid{grid-template-columns:1fr}.ops-hero h1{font-size:2.55rem}.ops-actions,.ops-actions a{width:100%}.ops-control-panel,.ops-kpi,.ops-chart-card,.ops-distribution-card,.ops-table-card,.ops-detail-panel{border-radius:12px}}@media(prefers-reduced-motion:reduce){.ops-bars i{transition:none}}