@import "https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-sm:24rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-full{height:100%}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-\[1400px\]{max-width:1400px}.max-w-sm{max-width:var(--container-sm)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-6{padding-block:calc(var(--spacing) * 6)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}@media (min-width:64rem){.lg\:grid-cols-\[1fr_380px\]{grid-template-columns:1fr 380px}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
:root{--bg-void:#0a0a0c;--bg-panel:#131215;--bg-raised:#1c1a1e;--bg-inset:#070708;--line:#ffb8001a;--line-strong:#ffb80038;--line-grid:#ffb8000d;--text-hi:#f0e9da;--text-mid:#a89b7e;--text-lo:#6b6350;--amber:#ffb800;--amber-bright:#ffc93c;--amber-dim:#ffb80024;--cyan:#5fe3e3;--cyan-bright:#8cf0f0;--cyan-dim:#5fe3e31f;--ok:#8cd65a;--ok-dim:#8cd65a24;--warn:#e8863a;--warn-dim:#e8863a24;--risk:#ff5a5a;--risk-dim:#ff5a5a24;--info:#5fe3e3;--info-dim:#5fe3e31f;--font-display:"Archivo", system-ui, sans-serif;--font-ui:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--t-display:2.75rem;--t-h1:1.75rem;--t-h2:1.25rem;--t-h3:1rem;--t-body:.9375rem;--t-sm:.8125rem;--t-xs:.6875rem;--r-sm:4px;--r-md:6px;--r-lg:8px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--shadow-panel:0 1px 2px #00000080, 0 8px 24px #00000059;--glow-amber:0 0 0 1px #ffb80059, 0 0 18px #ffb8002e;--glow-cyan:0 0 0 1px #5fe3e359, 0 0 18px #5fe3e329;--ease:cubic-bezier(.2, .6, .2, 1);--dur-fast:.12s;--dur:.22s}*{box-sizing:border-box}body{background:var(--bg-void);color:var(--text-hi);font-family:var(--font-ui);font-size:var(--t-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}.grid-bg{background-color:var(--bg-void);background-image:radial-gradient(var(--line-grid) 1px, transparent 1px);background-size:20px 20px}.display{font-family:var(--font-display);font-weight:800;font-size:var(--t-display);letter-spacing:-.02em;line-height:1.02}h1,.h1{font-family:var(--font-display);font-weight:700;font-size:var(--t-h1);letter-spacing:-.01em;margin:0}h2,.h2{font-family:var(--font-display);font-weight:600;font-size:var(--t-h2);margin:0}h3,.h3{font-family:var(--font-display);font-weight:600;font-size:var(--t-h3);margin:0}.label{font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-mid);font-weight:500}.mono{font-family:var(--font-mono)}.readout{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:700}.panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-panel)}.panel-header{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.panel-body{padding:var(--sp-4)}.kpi{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4)}.kpi__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-hi);font-size:2rem;font-weight:700;line-height:1}.kpi__label{margin-top:var(--sp-2)}.pill{font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r-sm);border:1px solid #0000;align-items:center;gap:6px;padding:3px 9px;font-weight:500;display:inline-flex}.pill--ok{color:var(--ok);background:var(--ok-dim);border-color:#8cd65a4d}.pill--warn{color:var(--warn);background:var(--warn-dim);border-color:#e8863a4d}.pill--risk{color:var(--risk);background:var(--risk-dim);border-color:#ff5a5a4d}.pill--info{color:var(--info);background:var(--info-dim);border-color:#5fe3e34d}.pill--amber{color:var(--amber);background:var(--amber-dim);border-color:#ffb8004d}.pill--cyan{color:var(--cyan);background:var(--cyan-dim);border-color:#5fe3e34d}.dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot--ok{background:var(--ok)}.dot--warn{background:var(--warn)}.dot--risk{background:var(--risk)}.dot--live{background:var(--ok);animation:pulse 2s var(--ease) infinite;box-shadow:0 0 #8cd65a99}@keyframes pulse{0%{box-shadow:0 0 #8cd65a80}70%{box-shadow:0 0 0 7px #8cd65a00}to{box-shadow:0 0 #8cd65a00}}.agent{font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.06em;border-radius:var(--r-sm);background:var(--cyan-dim);color:var(--cyan);border:1px solid #5fe3e340;align-items:center;gap:6px;padding:3px 8px;font-weight:500;display:inline-flex}.agent--human{background:var(--amber-dim);color:var(--amber);border-color:#ffb80040}.feed{background:var(--bg-inset);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-3);font-family:var(--font-mono);font-size:var(--t-sm)}.feed__row{gap:var(--sp-3);padding:var(--sp-2) var(--sp-1);animation:feed-in var(--dur) var(--ease);border-left:2px solid #0000;grid-template-columns:64px 1fr;display:grid}.feed__row:hover{background:#ffffff05}.feed__row--agent{border-left-color:var(--cyan)}.feed__row--human{border-left-color:var(--amber)}.feed__time{color:var(--text-lo);font-variant-numeric:tabular-nums}.feed__msg{color:var(--text-mid)}.feed__msg strong{color:var(--text-hi);font-weight:500}@keyframes feed-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.btn{font-family:var(--font-ui);font-size:var(--t-sm);border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--bg-raised);color:var(--text-hi);cursor:pointer;transition:all var(--dur-fast) var(--ease);padding:9px 16px;font-weight:600}.btn:hover{background:#26232a;border-color:#ffb80066}.btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.btn--approve{background:var(--amber);color:#1a1200;border-color:var(--amber-bright)}.btn--approve:hover{background:var(--amber-bright);box-shadow:var(--glow-amber)}.btn--ghost{border-color:var(--line);color:var(--text-mid);background:0 0}.btn--ghost:hover{color:var(--text-hi);border-color:var(--line-strong)}.approval{background:var(--bg-panel);border-radius:var(--r-md);padding:var(--sp-4);animation:await 2.4s var(--ease) infinite;border:1px solid #ffb8004d}@keyframes await{0%,to{box-shadow:0 0 0 1px #ffb8002e}50%{box-shadow:0 0 0 1px #ffb80080,0 0 20px #ffb8001f}}.fm-live{animation:pulse 2s var(--ease) infinite}.fm-await{animation:await 2.4s var(--ease) infinite}.fm-row-in{animation:feed-in var(--dur) var(--ease)}.fm-btn{transition:all var(--dur-fast) var(--ease)}.fm-btn:focus-visible,:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}