:root{--navy: 214 68% 14%;--navy-ink: 214 68% 14%;--navy-deep: 216 68% 6%;--copper: 24 66% 54%;--copper-warm: 26 76% 63%;--copper-deep: 24 65% 35%;--bone: 43 39% 91%;--ink-dark: 219 43% 10%;--ink-dark-mute: 220 17% 35%;--background: 43 39% 91%;--foreground: 219 43% 10%;--card: 0 0% 100%;--card-foreground: 219 43% 10%;--primary: 24 66% 54%;--primary-foreground: 0 0% 100%;--secondary: 43 26% 87%;--muted: 43 26% 87%;--muted-foreground: 220 17% 35%;--destructive: 0 71% 61%;--border: 43 22% 82%;--input: 43 22% 82%;--ring: 24 66% 54%;--ok: 162 47% 38%;--ok-fg: 0 0% 100%;--sidebar-background: 216 68% 6%;--sidebar-foreground: 221 40% 94%;--sidebar-accent: 24 35% 18%;--sidebar-accent-foreground: 26 76% 63%;--sidebar-border: 220 25% 18%;--brand: hsl(var(--primary));--brand-soft: hsl(var(--primary) / .12);--brand-line: hsl(var(--primary) / .4);--ok-c: hsl(var(--ok));--ok-soft: hsl(var(--ok) / .12);--warn-c: hsl(38 80% 45%);--warn-soft: hsl(38 80% 45% / .13);--danger-c: hsl(var(--destructive));--danger-soft: hsl(var(--destructive) / .12);--navy-c: hsl(var(--navy-ink));--txt: hsl(var(--foreground));--txt-2: hsl(var(--muted-foreground));--txt-3: hsl(var(--foreground) / .45);--line: hsl(var(--border));--line-soft: hsl(var(--border) / .5);--surface: hsl(var(--card));--canvas: hsl(var(--background));--font-display: "Fraunces", Georgia, serif;--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", Menlo, monospace;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--r-sm: 8px;--r-md: 12px;--r-lg: 14px;--shadow-sm: 0 1px 2px hsl(220 30% 10% / .06), 0 0 0 1px hsl(220 30% 10% / .03);--shadow-md: 0 6px 20px hsl(220 30% 10% / .08), 0 0 0 1px hsl(220 30% 10% / .04)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--canvas);color:var(--txt);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.display,h1.display{font-family:var(--font-display);font-weight:340;letter-spacing:-.02em;line-height:1.05;font-variation-settings:"opsz" 80}.display em,.brand em{font-style:italic;color:var(--brand);font-variation-settings:"opsz" 144}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--txt-3)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--txt-3)}.secondary{color:var(--txt-2)}.app{display:grid;grid-template-columns:240px 1fr;height:100vh}.rail{background:hsl(var(--sidebar-background));color:hsl(var(--sidebar-foreground));border-right:1px solid hsl(var(--sidebar-border));padding:var(--s5) var(--s4);display:flex;flex-direction:column;gap:var(--s1)}.brand{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s6);padding:0 var(--s2)}.brand-logo{width:48px;height:48px;border-radius:10px;flex-shrink:0;box-shadow:0 1px 3px #00000040}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand .mark{font-family:var(--font-sans);font-size:22px;font-weight:600;letter-spacing:-.01em;color:hsl(var(--sidebar-foreground))}.brand .mark em{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:22px;color:hsl(var(--copper-warm));font-variation-settings:"opsz" 144;margin-left:1px}.brand .tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:hsl(var(--sidebar-foreground) / .45)}.nav-item{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border-radius:var(--r-sm);color:hsl(var(--sidebar-foreground) / .72);cursor:pointer;border:1px solid transparent;font-size:14px;-webkit-user-select:none;user-select:none;transition:background .12s ease,color .12s ease}.nav-item:hover{background:hsl(var(--sidebar-foreground) / .06);color:hsl(var(--sidebar-foreground))}.nav-item.active{background:hsl(var(--sidebar-accent));color:hsl(var(--sidebar-foreground))}.nav-item .nav-ico{flex-shrink:0;color:hsl(var(--sidebar-foreground) / .5);transition:color .12s ease}.nav-item:hover .nav-ico{color:hsl(var(--sidebar-foreground) / .8)}.nav-item.active .nav-ico{color:hsl(var(--copper-warm))}.nav-count{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:hsl(var(--sidebar-foreground) / .5)}.nav-section{padding:var(--s3) var(--s3) var(--s1);font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:hsl(var(--sidebar-foreground) / .4)}.rail-foot{margin-top:auto;padding-top:var(--s4);border-top:1px solid hsl(var(--sidebar-border))}.ws-chip{display:flex;align-items:center;gap:var(--s2);padding:var(--s2)}.ws-chip .av{width:24px;height:24px;border-radius:7px;background:hsl(var(--copper) / .18);color:hsl(var(--copper-warm));display:grid;place-items:center;font-family:var(--font-mono);font-size:11px}.main{overflow-y:auto;display:flex;flex-direction:column}.topbar{padding:var(--s5) var(--s6) var(--s4);position:sticky;top:0;background:linear-gradient(var(--canvas) 72%,transparent);z-index:5}.topbar h1{margin:0;font-size:32px;color:var(--txt)}.topbar .sub{color:var(--txt-3);font-size:13px;margin-top:3px}.content{padding:0 var(--s6) var(--s7);max-width:960px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s4) var(--s5);box-shadow:var(--shadow-sm);color:var(--txt)}.card+.card{margin-top:var(--s3)}.card.row{display:flex;align-items:center;gap:var(--s4)}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s2)}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--txt-2)}.chip.teal{color:var(--ok-c);border-color:hsl(var(--ok) / .4);background:var(--ok-soft)}.chip.terra{color:var(--warn-c);border-color:#cf8b1766;background:var(--warn-soft)}.chip.reject{color:var(--danger-c);border-color:hsl(var(--destructive) / .4);background:var(--danger-soft)}.prio{width:7px;height:7px;border-radius:2px;display:inline-block}.prio.baja{background:var(--txt-3)}.prio.media{background:var(--navy-c)}.prio.alta{background:var(--brand)}.prio.critica{background:var(--danger-c);box-shadow:0 0 7px hsl(var(--destructive) / .6)}.stamp{display:inline-grid;grid-template-columns:auto 1fr;gap:2px var(--s3);align-items:center;border:1px solid hsl(var(--ok) / .45);border-radius:var(--r-sm);padding:var(--s2) var(--s3);background:var(--ok-soft)}.stamp .seal{grid-row:span 2;width:34px;height:34px;border-radius:50%;border:1.5px solid hsl(var(--ok) / .5);color:var(--ok-c);display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;transform:rotate(-8deg)}.stamp .who{color:var(--txt);font-size:13px}.stamp .meta{font-family:var(--font-mono);font-size:10.5px;color:var(--txt-3)}.stamp .meta b{color:var(--ok-c);font-weight:500}.rail-tl{position:relative;padding-left:var(--s5)}.rail-tl:before{content:"";position:absolute;left:7px;top:4px;bottom:4px;width:1px;background:var(--line)}.tl-item{position:relative;padding:var(--s2) 0 var(--s3)}.tl-item .node{position:absolute;left:-22px;top:9px;width:15px;height:15px;border-radius:50%;background:var(--surface);border:2px solid var(--txt-3)}.tl-item.agente .node{border-color:var(--brand);box-shadow:0 0 8px var(--brand-line)}.tl-item.sistema .node{border-color:var(--navy-c)}.tl-item.handoff .node{border-color:var(--warn-c)}.tl-author{font-family:var(--font-mono);font-size:11px;color:var(--txt-3);display:flex;gap:var(--s2);align-items:baseline}.tl-author .ai{color:var(--brand)}.tl-body{color:var(--txt);font-size:13.5px;margin-top:2px}.tl-body.sys{color:var(--txt-3);font-style:italic}.sla{display:inline-flex;align-items:center;gap:var(--s2)}.sla svg{transform:rotate(-90deg)}.sla .lbl{font-family:var(--font-mono);font-size:11px;color:var(--txt-2)}button{font-family:inherit}.btn{display:inline-flex;align-items:center;gap:var(--s2);justify-content:center;padding:var(--s2) var(--s4);border-radius:var(--r-sm);font-size:13px;font-weight:500;border:1px solid var(--line);background:hsl(var(--secondary));color:var(--txt);cursor:pointer;transition:background .12s ease,border-color .12s ease,transform 60ms ease}.btn:hover{border-color:hsl(var(--foreground) / .2)}.btn:active{transform:translateY(.5px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--canvas),0 0 0 4px var(--brand-line)}.btn.primary{background:var(--brand);color:hsl(var(--primary-foreground));border-color:transparent;font-weight:600}.btn.primary:hover{filter:brightness(1.07)}.btn.ghost{background:transparent}.btn.danger{color:var(--danger-c);border-color:hsl(var(--destructive) / .35);background:var(--danger-soft)}.btn.danger:hover{background:hsl(var(--destructive) / .18)}.btn.sm{padding:5px var(--s3);font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--s3)}.field label{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:var(--txt-3);text-transform:uppercase}.input,.select,textarea.input{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--txt);padding:var(--s2) var(--s3);font-size:13.5px;font-family:inherit;width:100%}.input:focus,.select:focus,textarea.input:focus{outline:none;border-color:var(--brand-line);box-shadow:0 0 0 3px var(--brand-soft)}.input::placeholder{color:var(--txt-3)}.flex{display:flex;align-items:center}.between{justify-content:space-between}.gap2{gap:var(--s2)}.gap3{gap:var(--s3)}.gap4{gap:var(--s4)}.col{display:flex;flex-direction:column}.grow{flex:1}.stack>*+*{margin-top:var(--s3)}.sec-label{display:flex;align-items:center;gap:var(--s3);margin:var(--s6) 0 var(--s3)}.sec-label:after{content:"";flex:1;height:1px;background:var(--line-soft)}.empty{text-align:center;color:var(--txt-3);padding:var(--s7) var(--s4);border:1px dashed var(--line);border-radius:var(--r-md)}.empty .display{font-size:22px;color:var(--txt-2);margin-bottom:var(--s2)}.proposal{border:1px solid var(--brand-line);background:var(--brand-soft);border-radius:var(--r-md);padding:var(--s4)}.proposal .ttl{display:flex;align-items:center;gap:var(--s2);font-size:12px;color:var(--brand);font-family:var(--font-mono);letter-spacing:.04em;margin-bottom:var(--s2);text-transform:uppercase}.kv{display:grid;grid-template-columns:120px 1fr;gap:4px var(--s3);font-size:13px}.kv .k{font-family:var(--font-mono);font-size:11px;color:var(--txt-3)}.agent-line{padding:var(--s2) 0}.agent-line .role{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3)}.agent-line .role.ia{color:var(--brand)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--s4)}.theme-card{border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s3);background:var(--surface);cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease;box-shadow:var(--shadow-sm)}.theme-card:hover{border-color:var(--brand-line)}.theme-card.active{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand),var(--shadow-md)}.theme-prev{height:116px;border-radius:var(--r-md);overflow:hidden;display:flex;border:1px solid hsl(var(--foreground) / .06)}.theme-prev .pv-side{width:34%;padding:10px;display:flex;flex-direction:column;gap:7px}.theme-prev .pv-main{flex:1;padding:10px;display:flex;flex-direction:column;gap:7px}.theme-name{font-family:var(--font-display);font-size:16px;font-weight:360;margin-top:var(--s3)}.theme-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--txt-3)}.theme-desc{font-size:12px;color:var(--txt-2);margin-top:6px;line-height:1.5}.theme-active-pill{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:var(--brand-soft);color:var(--brand)}.wf-diagram{border:1px solid var(--line-soft);border-radius:var(--r-md);padding:var(--s4);background:var(--surface)}.wf-nodes{display:flex;flex-wrap:wrap;gap:var(--s3);margin-bottom:var(--s4)}.wf-node{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px var(--s3);border-radius:var(--r-sm);border:1px solid var(--line);background:hsl(var(--secondary));font-size:13px;font-family:var(--font-mono)}.wf-node.is-initial{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.wf-node.is-approval{background:var(--brand-soft)}.wf-node-badge{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);border:1px solid var(--brand-line);border-radius:999px;padding:1px 6px}.wf-node-seal{color:var(--brand);font-weight:700}.wf-edges{display:flex;flex-direction:column;gap:6px}.wf-edge{display:flex;align-items:center;gap:var(--s2);font-size:12px;font-family:var(--font-mono);color:var(--txt-2)}.wf-edge-from,.wf-edge-to{color:var(--txt)}.wf-edge-on{color:var(--brand);padding:1px 7px;border:1px solid var(--brand-line);border-radius:999px}.wf-edge-on:before{content:"—";margin-right:4px;color:var(--txt-3)}.wf-edge-on:after{content:"→";margin-left:4px;color:var(--txt-3)}.wf-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px 5px 6px;border-radius:var(--r-sm);border:1px solid var(--line);background:hsl(var(--secondary));font-size:13px;font-family:var(--font-mono)}.wf-chip.is-initial{border-color:var(--brand)}.wf-chip-star{border:none;background:none;cursor:pointer;color:var(--txt-3);font-size:13px;line-height:1;padding:0}.wf-chip-star.on{color:var(--brand)}.wf-chip-x{border:none;background:none;cursor:pointer;color:var(--txt-3);font-size:16px;line-height:1;padding:0 2px}.wf-chip-x:hover{color:var(--danger-c)}.wf-row{display:flex;align-items:center;gap:var(--s2)}.wf-row .select{max-width:170px}.wf-arrow{color:var(--txt-3);font-size:14px}.wf-block{border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s4);background:var(--surface)}.wf-stage{border:1px solid var(--line-soft);border-left:2px solid var(--brand-line);border-radius:var(--r-sm);padding:var(--s3)}.wf-cond-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--txt-2);cursor:pointer}.wf-version{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;transition:border-color .12s ease}.wf-version:hover{border-color:var(--brand-line)}.live-dot{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:999px}.live-dot:before{content:"";width:6px;height:6px;border-radius:50%}.live-dot.live{color:var(--ok-c, #3a8f5b);background:var(--ok-soft, hsl(145 40% 50% / .12))}.live-dot.live:before{background:var(--ok-c, #3a8f5b);box-shadow:0 0 0 0 var(--ok-c, #3a8f5b);animation:live-pulse 1.8s ease-out infinite}.live-dot.reconnecting{color:var(--warn-c);background:var(--warn-soft, hsl(38 80% 45% / .12))}.live-dot.reconnecting:before{background:var(--warn-c)}@keyframes live-pulse{0%{box-shadow:0 0 #39ac6980}to{box-shadow:0 0 0 6px #39ac6900}}.kv-rows{display:flex;flex-direction:column;gap:10px}.kv-rows>div{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:var(--s3);font-size:13px}.kv-rows .k{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--txt-3)}.kv-rows code{font-size:12.5px}.copyable{display:inline-flex;align-items:center;gap:var(--s2);max-width:100%}.copyable code{background:hsl(var(--muted));border:1px solid var(--line);border-radius:var(--r-sm);padding:5px 10px;font-size:12.5px;overflow-x:auto;white-space:nowrap;color:var(--txt)}.key-reveal{border:1px solid var(--brand-line);background:var(--brand-soft);border-radius:var(--r-md);padding:var(--s4);margin-bottom:var(--s4)}.tool-row{padding:var(--s3) 0;border-bottom:1px solid var(--line-soft)}.tool-row:last-child{border-bottom:none}.tnum{font-variant-numeric:tabular-nums}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s4);align-items:stretch}@media (max-width: 1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 680px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi-grid>.kpi{margin:0;height:100%}.kpi{padding:var(--s4);min-height:124px;display:flex;flex-direction:column;box-sizing:border-box}.kpi-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--txt-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-value{font-family:var(--font-mono);font-size:36px;font-weight:600;line-height:1.05;color:var(--txt);margin-top:auto}.kpi-hint{font-family:var(--font-mono);font-size:11px;color:var(--txt-3);min-height:14px;margin-top:5px}.dash-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4);align-items:stretch}@media (max-width: 920px){.dash-3col{grid-template-columns:1fr}}.dash-3col>.card{margin:0;height:100%}.dist{display:flex;flex-direction:column;gap:10px}.dist-row{display:grid;grid-template-columns:96px 1fr 30px;align-items:center;gap:var(--s3)}.dist-k{font-size:13px;color:var(--txt);text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dist-track{height:8px;border-radius:999px;background:hsl(var(--muted));overflow:hidden}.dist-fill{display:block;height:100%;border-radius:999px;min-width:3px;background:hsl(var(--primary));transition:width .3s ease}.dist-v{font-family:var(--font-mono);font-size:12px;color:var(--txt-3);text-align:right}