.hitl-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background-color:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hitl-modal{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--elevation-2);width:90%;max-width:560px;max-height:85vh;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.hitl-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.hitl-modal__title{margin:0;font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-strong)}.hitl-modal__gate-badge{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--warn-fg);background-color:var(--warn-bg);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);letter-spacing:.08em}.hitl-modal__section{display:flex;flex-direction:column;gap:var(--space-2)}.hitl-modal__section-title{margin:0;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.hitl-modal__plan{margin:0;font-size:var(--text-sm);color:var(--text-body);line-height:var(--leading-normal);padding:var(--space-3);background-color:var(--bg-subtle);border-radius:var(--radius-sm);border:1px solid var(--border)}.hitl-modal__evidence-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.hitl-modal__evidence-item{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-body);padding:var(--space-2) var(--space-3);background-color:var(--bg-subtle);border-radius:var(--radius-sm);border-left:3px solid var(--info-fg)}.hitl-modal__blast-radius{font-size:var(--text-sm);color:var(--warn-fg);padding:var(--space-3);background-color:var(--warn-bg);border:1px solid color-mix(in srgb,var(--warn-fg) 30%,transparent);border-radius:var(--radius-sm)}.hitl-modal__actions{display:flex;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border);margin-top:var(--space-2)}.hitl-modal__btn{flex:1;padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-family:var(--font-sans);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-default),border-color var(--duration-fast) var(--easing-default)}.hitl-modal__btn:focus-visible{outline:2px solid var(--primary-ring);outline-offset:2px}.hitl-modal__btn--approve{background-color:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.hitl-modal__btn--approve:hover{background-color:var(--primary-hover)}.hitl-modal__btn--reject{background-color:var(--crit-fg);color:#fff;border-color:var(--crit-fg)}.hitl-modal__btn--reject:hover{background-color:#b91c1c}.hitl-modal__btn--edit{background-color:var(--bg-surface);color:var(--text-body);border-color:var(--border)}.hitl-modal__btn--edit:hover{background-color:var(--bg-subtle);border-color:var(--border-strong)}@media(prefers-reduced-motion:reduce){.hitl-modal__btn{transition:none}}.kpi-card{display:flex;flex-direction:column;gap:var(--space-2)}.kpi-card--clickable{cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.kpi-card--clickable:hover{border-color:var(--primary);box-shadow:var(--elevation-2, 0 4px 12px rgba(0, 0, 0, .1))}.kpi-card__title{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.03em}.kpi-card__value-row{display:flex;align-items:baseline;gap:var(--space-2)}.kpi-card__value{font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--text-strong);line-height:var(--leading-tight);font-variant-numeric:tabular-nums}.kpi-card__unit{font-size:var(--text-xs);color:var(--text-muted)}.kpi-card__trend{font-size:var(--text-lg);font-weight:var(--weight-bold)}.kpi-card__sparkline{margin-top:var(--space-1)}.kpi-card__view-link{font-size:13px;color:var(--text-faint, var(--text-muted));margin-top:auto;opacity:.7;transition:opacity .2s ease}.kpi-card--clickable:hover .kpi-card__view-link{opacity:1;color:var(--primary)}.stat-card-link{transition:border-color .2s ease,box-shadow .2s ease}.stat-card-link:hover{border-color:var(--primary);box-shadow:var(--elevation-2, 0 4px 12px rgba(0, 0, 0, .1))}.stepper{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.stepper__track{display:flex;align-items:flex-start;width:100%}.stepper__step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);min-width:72px;transition:background-color var(--duration-fast) var(--easing-default)}.stepper__step:hover{background-color:var(--bg-subtle)}.stepper__step:focus-visible{outline:2px solid var(--primary-ring);outline-offset:2px}.stepper__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-bold);border:2px solid var(--border);background-color:var(--bg-surface);color:var(--text-muted);flex-shrink:0}.stepper__step--done .stepper__icon{background-color:var(--ok-bg);border-color:var(--ok-fg);color:var(--ok-fg)}.stepper__step--active .stepper__icon{background-color:var(--primary-tint);border-color:var(--primary);color:var(--primary)}.stepper__step--blocked .stepper__icon{background-color:var(--crit-bg);border-color:var(--crit-fg);color:var(--crit-fg)}.stepper__step--skipped .stepper__icon{background-color:var(--bg-subtle);border-color:var(--text-muted);color:var(--text-muted);opacity:.7}.stepper__step--pending .stepper__icon{background-color:var(--bg-surface);border-color:var(--border);color:var(--text-muted)}.stepper__icon--pulse{animation:stepperPulse 2s ease-in-out infinite}@keyframes stepperPulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--primary) 40%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--primary) 0%,transparent)}}.stepper__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);text-align:center;max-width:80px;word-wrap:break-word}.stepper__step--active .stepper__label{color:var(--text-strong);font-weight:var(--weight-semibold)}.stepper__step--done .stepper__label{color:var(--text-body)}.stepper__step--blocked .stepper__label{color:var(--crit-fg)}.stepper__connector{flex:1;height:2px;background-color:var(--border);align-self:center;margin-top:16px;min-width:16px}.stepper__connector--done{background-color:var(--ok-fg)}.stepper__log-panel{background-color:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);animation:fadeIn var(--duration-normal) var(--easing-default)}.stepper__log-content{margin:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-body);line-height:var(--leading-relaxed);white-space:pre-wrap;overflow-x:auto}@media(prefers-reduced-motion:reduce){.stepper__icon--pulse{animation:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 25%,transparent)}.stepper__log-panel{animation:none}.stepper__step{transition:none}}.verdict-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--elevation-1)}.verdict-card__header{display:flex;align-items:center;gap:var(--space-3)}.verdict-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);font-size:var(--text-lg);font-weight:var(--weight-bold);flex-shrink:0}.verdict-card__label{margin:0;font-size:var(--text-2xl);font-weight:var(--weight-bold);font-family:var(--font-sans);letter-spacing:.02em}.verdict--positive .verdict-card__icon{background-color:var(--ok-bg);color:var(--ok-fg)}.verdict--positive .verdict-card__label{color:var(--ok-fg)}.verdict--positive{border-left:4px solid var(--ok-fg)}.verdict--negative .verdict-card__icon{background-color:var(--crit-bg);color:var(--crit-fg)}.verdict--negative .verdict-card__label{color:var(--crit-fg)}.verdict--negative{border-left:4px solid var(--crit-fg)}.verdict-card__section-title{margin:0 0 var(--space-2) 0;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.verdict-card__reason-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.verdict-card__reason-item{font-size:var(--text-sm);color:var(--text-body);padding:var(--space-2) var(--space-3);background-color:var(--bg-subtle);border-radius:var(--radius-sm);border-left:3px solid var(--border)}.verdict--negative .verdict-card__reason-item{border-left-color:var(--crit-fg)}.verdict--positive .verdict-card__reason-item{border-left-color:var(--ok-fg)}.verdict-card__action-card{font-size:var(--text-sm);color:var(--text-body);padding:var(--space-3) var(--space-4);background-color:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md)}.verdict-card__window-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.verdict-card__window-item{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-body);padding:var(--space-2) var(--space-3);background-color:var(--bg-subtle);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.verdict-card__window-label{color:var(--text-muted);font-weight:var(--weight-medium)}.verdict-card__window-time{color:var(--text-strong)}.verdict-card__window-separator{color:var(--text-muted);margin-inline:var(--space-1)}.sidebar-nav-item:hover{background-color:var(--sidebar-hover-bg)!important}.sidebar-nav-item:focus-visible,.sidebar-nav-active:focus-visible{outline:2px solid var(--primary-ring);outline-offset:-2px}.sidebar-nav-active{background-color:var(--sidebar-active-bg);color:var(--sidebar-active-fg)}button[aria-label="Reset demo to initial state"]:hover{background-color:#16a34a1a}button[aria-label="Toggle Agent Activity Feed"]:hover{box-shadow:var(--elevation-2);transform:scale(1.05)}.sidebar-nav-item:focus-visible,.sidebar-nav-active:focus-visible,button:focus-visible{outline:2px solid var(--primary-ring);outline-offset:2px}:root{--bg-canvas: #F9FAFB;--bg-surface: #FFFFFF;--bg-subtle: #F3F4F6;--bg-muted: #E5E7EB;--sidebar-bg: #111827;--sidebar-fg: #E5E7EB;--sidebar-fg-muted: #9CA3AF;--sidebar-active-bg: #122F29;--sidebar-active-fg: #22C55E;--sidebar-hover-bg: #1F2937;--text-strong: #111827;--text-body: #374151;--text-muted: #6B7280;--text-faint: #9CA3AF;--primary: #16A34A;--primary-hover: #15803D;--primary-fg: #FFFFFF;--primary-tint: #F0FDF4;--primary-ring: #22C55E;--border: #E5E7EB;--border-strong: #D1D5DB;--border-focus: #16A34A;--ok-bg: #DCFCE7;--ok-fg: #16A34A;--warn-bg: #FEF9C3;--warn-fg: #CA8A04;--crit-bg: #FEE2E2;--crit-fg: #DC2626;--idle-bg: #F3F4F6;--idle-fg: #6B7280;--info-bg: #DBEAFE;--info-fg: #2563EB;--other-bg: #F3F4F6;--other-fg: #4B5563;--tier-l1: #2563EB;--tier-l2: #7C3AED;--tier-l3: #CA8A04;--tier-l4: #16A34A;--vendor-fujitsu: #16A34A;--vendor-ciena: #0D9488;--vendor-nokia: #2563EB;--vendor-future: #EA580C;--elevation-1: 0 1px 2px rgba(16, 24, 40, .04);--elevation-2: 0 4px 12px rgba(16, 24, 40, .08);--text-xs: 15px;--text-sm: 16px;--text-base: 17px;--text-lg: 22px;--text-xl: 28px;--text-2xl: 36px;--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .35s;--easing-default: cubic-bezier(.4, 0, .2, 1)}:root{--font-sans: -apple-system, "Segoe UI", Roboto, Inter, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--text-xs: 15px;--text-sm: 16px;--text-base: 17px;--text-lg: 22px;--text-xl: 28px;--text-2xl: 36px;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--prose-max-width: 80ch}.font-sans{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}.text-xs{font-size:var(--text-xs);line-height:var(--leading-normal)}.text-sm{font-size:var(--text-sm);line-height:var(--leading-normal)}.text-base{font-size:var(--text-base);line-height:var(--leading-normal)}.text-lg{font-size:var(--text-lg);line-height:var(--leading-tight)}.text-xl{font-size:var(--text-xl);line-height:var(--leading-tight)}.text-2xl{font-size:var(--text-2xl);line-height:var(--leading-tight)}.text-strong{color:var(--text-strong)}.text-body{color:var(--text-body)}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.prose{max-width:var(--prose-max-width)}.tabular-nums{font-variant-numeric:tabular-nums}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.mono{font-family:var(--font-mono);font-size:14px;line-height:var(--leading-normal)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--card-padding: var(--space-5);--card-padding-lg: var(--space-6);--screen-gutter: var(--space-6);--screen-gutter-lg: var(--space-8);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:17px;line-height:var(--leading-normal);color:var(--text-body);background-color:var(--bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}td,th{font-size:max(var(--text-xs),15px)}#root{min-height:100vh}:focus-visible{outline:2px solid var(--primary-ring);outline-offset:2px}:focus:not(:focus-visible){outline:none}.elevation-1{box-shadow:var(--elevation-1)}.elevation-2{box-shadow:var(--elevation-2)}.surface{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--elevation-1)}.surface-2{background-color:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-1{padding-inline:var(--space-1)}.px-2{padding-inline:var(--space-2)}.px-3{padding-inline:var(--space-3)}.px-4{padding-inline:var(--space-4)}.px-6{padding-inline:var(--space-6)}.px-8{padding-inline:var(--space-8)}.py-1{padding-block:var(--space-1)}.py-2{padding-block:var(--space-2)}.py-3{padding-block:var(--space-3)}.py-4{padding-block:var(--space-4)}.py-6{padding-block:var(--space-6)}.py-8{padding-block:var(--space-8)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mx-auto{margin-inline:auto}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid-align{display:grid;grid-template-columns:repeat(auto-fill,minmax(0,1fr));gap:var(--space-2)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--card-padding);box-shadow:var(--elevation-1)}.card:hover{box-shadow:var(--elevation-2)}.card-lg{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--card-padding-lg);box-shadow:var(--elevation-1)}.card-lg:hover{box-shadow:var(--elevation-2)}.screen{padding:var(--screen-gutter);width:100%;max-width:100%}.screen-lg{padding:var(--screen-gutter-lg);width:100%;max-width:100%}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-none{flex:none}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--easing-default) forwards}.animate-slide-in-right{animation:slideInRight var(--duration-normal) var(--easing-default) forwards}.animate-slide-in-up{animation:slideInUp var(--duration-fast) var(--easing-default) forwards}.animate-pulse{animation:pulse var(--duration-slow) var(--easing-default) infinite}.animate-stream-in{animation:streamIn var(--duration-normal) var(--easing-default) forwards}.animate-step-advance{animation:stepAdvance var(--duration-normal) var(--easing-default) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes streamIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes stepAdvance{0%{opacity:.5;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-fade-in,.animate-slide-in-right,.animate-slide-in-up,.animate-stream-in,.animate-step-advance{animation:none!important;opacity:1!important;transform:none!important}.animate-pulse{animation:none!important;opacity:1!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.border{border:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}