:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#192d43;background:#eef2f6;font-synthesis:none;--navy:#0b2138;--navy-2:#142d47;--copper:#d9844f;--copper-dark:#9f552f;--canvas:#eef2f6;--card:#fff;--border:#dfe6ec;--muted:#718496;--good:#3f9471;--attention:#b86439}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.app-shell{min-height:100vh}.environment-strip{position:fixed;z-index:300;top:0;left:0;right:0;height:28px;display:flex;align-items:center;justify-content:center;gap:24px;background:#8e4a28;color:#fff;font-size:9px;letter-spacing:.11em}.erp-rail{position:fixed;z-index:80;top:28px;bottom:0;left:0;width:72px;display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:#071a2d;border-right:1px solid #ffffff12}.brand-mark{width:50px;height:50px;border:0;border-radius:11px;background:#fff;color:#7a432d;font-weight:900}.erp-rail nav{display:flex;flex:1;flex-direction:column;gap:5px;margin-top:20px}.erp-rail nav button{width:44px;height:42px;border:0;border-radius:9px;background:transparent;color:#8ca2b8;font-size:10px}.erp-rail nav button:hover,.erp-rail nav button.active{background:#d9844f2b;color:#ffd1b2;box-shadow:inset 3px 0 var(--copper)}.avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:#193650;color:#dce7ef;font-size:9px;font-weight:800}.gigio-sidebar{position:fixed;z-index:70;top:28px;bottom:0;left:72px;width:240px;display:flex;flex-direction:column;padding:14px;background:var(--navy);color:#9fb0c0}.gigio-brand{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding-bottom:18px;border-bottom:1px solid #ffffff12}.gigio-brand>span:nth-child(2){display:flex;flex-direction:column}.gigio-brand strong{color:#fff;font-size:12px;letter-spacing:.1em}.gigio-brand small{font-size:8px}.gigio-brand em{padding:4px 7px;border:1px solid #d9844f4d;border-radius:20px;color:#f5b990;font-size:7px;font-style:normal}.mini-orb{display:grid;width:37px;height:37px;place-items:center;border:1px solid #d9844f66;border-radius:50%;background:radial-gradient(circle at 35% 28%,#315d80,#162d45 61%,#0b1c2d);color:#ffd0af;font-family:Georgia,serif}.gigio-sidebar>p{margin:18px 8px 8px;color:#647b91;font-size:8px;font-weight:800;letter-spacing:.16em}.gigio-sidebar nav{display:flex;flex-direction:column;gap:4px}.gigio-sidebar nav button{display:flex;align-items:center;gap:10px;min-height:39px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:#9fb0c0;text-align:left;font-size:10px}.gigio-sidebar nav button span{width:24px;color:#8297aa;font-size:9px;font-weight:800}.gigio-sidebar nav button:hover,.gigio-sidebar nav button.active{background:linear-gradient(90deg,#d9844f38,#d9844f0d);color:#ffd5ba;box-shadow:inset 3px 0 var(--copper)}.sandbox-card{display:grid;grid-template-columns:28px 1fr;margin-top:auto;padding:10px;border:1px solid #65b18d3d;border-radius:10px;background:#2c5b5133}.sandbox-card span{grid-row:1/3;display:grid;place-items:center}.sandbox-card strong,.identity-card strong{color:#e8f2f5;font-size:9px}.sandbox-card small,.identity-card small{font-size:7px}.identity-card{display:flex;align-items:center;gap:9px;margin-top:10px;padding-top:11px;border-top:1px solid #ffffff12}.identity-card>b{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:#18354f;color:#d7e1e9;font-size:8px}.identity-card span{display:flex;flex-direction:column}.main-area{min-height:100vh;margin-left:312px;padding-top:28px}.topbar{height:74px;display:flex;align-items:center;gap:14px;padding:10px 20px;background:#f8fafb;border-bottom:1px solid #dae2e8}.topbar>div:first-child{min-width:210px}.topbar small{color:#8292a0;font-size:7px;font-weight:800;letter-spacing:.12em}.topbar h1{margin:3px 0 0;font-size:20px;font-weight:630}.search{display:flex;flex:1;align-items:center;gap:8px;max-width:360px;padding:0 10px;border:1px solid #dfe5ea;border-radius:9px;background:#fff}.search input{width:100%;height:34px;border:0;outline:0;background:transparent;font-size:9px}.languages{display:flex;padding:3px;border:1px solid #e1e6ea;border-radius:8px;background:#fff}.languages button{height:27px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:#7d8c99;font-size:7px}.languages button.active{background:#fff3eb;color:#9d542f;box-shadow:0 1px 5px #273e521f}.top-chips{display:flex;gap:6px}.top-chips span,.chip{padding:6px 9px;border:1px solid #cfe6dc;border-radius:20px;background:#edf8f3;color:#438069;font-size:7px;font-weight:800;letter-spacing:.08em}.top-chips span:last-child,.chip:not(.good){border-color:#ead6c8;background:#fff6f0;color:#9c5b38}.content{padding:20px 22px 140px}.hero{display:flex;align-items:center;justify-content:space-between;padding:25px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(135deg,#fff,#f5f8fa);box-shadow:0 10px 30px #20394e0c}.hero span,.panel header small,.coordination header small,.runtime-panel header small{color:var(--copper-dark);font-size:8px;font-weight:900;letter-spacing:.13em}.hero h2{margin:5px 0;font-size:23px}.hero p,.panel header p{margin:0;color:var(--muted);font-size:10px}.hero>b{padding:8px 12px;border:1px solid #e7c9b6;border-radius:20px;background:#fff7f2;color:#9c5934;font-size:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.metric-grid article{display:flex;flex-direction:column;padding:14px;border:1px solid var(--border);border-radius:12px;background:#fff}.metric-grid small{color:#8494a2;font-size:8px;text-transform:uppercase}.metric-grid strong{margin:4px 0;color:#29465f;font-size:22px}.metric-grid span{color:#9aa6b0;font-size:7px}.panel{padding:18px;border:1px solid var(--border);border-radius:14px;background:#fff}.panel>header,.coordination>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid #e5eaee}.panel h2,.coordination h2{margin:4px 0;font-size:18px}.boundary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.boundary-grid span{display:flex;flex-direction:column;padding:12px;border-radius:9px;background:#f5f8fa}.boundary-grid b{font-size:9px}.boundary-grid small{margin-top:4px;color:#7f90a0;font-size:8px}.table-card{margin-top:14px;border:1px solid #e0e6eb;border-radius:11px;overflow:hidden}.table-head,.table-row{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr)) auto;gap:8px;align-items:center;padding:10px 12px}.table-head{background:#f1f5f7;color:#758897;font-size:7px;font-weight:800;text-transform:uppercase}.table-row{width:100%;border:0;border-top:1px solid #e7ecef;background:#fff;color:#425c71;text-align:left;font-size:9px}.table-row:hover{background:#fff8f4}.table-row em{padding:4px 6px;border-radius:10px;background:#edf8f3;color:#438069;font-size:6px;font-style:normal;font-weight:800}.command-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.5fr);gap:12px}.coordination,.runtime-panel{border:1px solid var(--border);border-radius:14px;background:#fff;overflow:hidden}.coordination>header,.runtime-panel>header{padding:15px}.state-buttons{display:flex;gap:4px}.state-buttons button{height:29px;padding:0 7px;border:1px solid #dce3e8;border-radius:7px;background:#fff;color:#708396;font-size:7px}.state-buttons button.active{border-color:#d9844f;background:#fff4ed;color:#9e5733}.orb-stage{display:flex;min-height:250px;flex-direction:column;align-items:center;justify-content:center;background-image:linear-gradient(#e7ecef 1px,transparent 1px),linear-gradient(90deg,#e7ecef 1px,transparent 1px);background-size:36px 36px}.orb-rings{display:grid;width:150px;height:150px;place-items:center;border:1px solid #8ca2b4;border-radius:50%;box-shadow:0 0 0 18px #eef3f663,0 0 0 36px #edf2f43b}.orb{display:grid;width:92px;height:92px;place-items:center;border:1px solid #d9844f7a;border-radius:50%;background:radial-gradient(circle at 35% 28%,#315d80,#162d45 61%,#0b1c2d);color:#f2c49f;font:italic 32px Georgia,serif;box-shadow:0 12px 35px #132b3f35}.state-listening .orb{box-shadow:0 0 0 9px #4e9db326,0 12px 35px #132b3f35}.state-speaking .orb{box-shadow:0 0 0 7px #d9844f2f,0 0 0 15px #d9844f16}.state-working .orb{animation:pulse 1.5s ease-in-out infinite}.orb-stage>strong{margin-top:35px;font-size:10px;letter-spacing:.1em}.orb-stage>small{margin-top:4px;color:#8393a0;font-size:7px}.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px}.agent-grid article{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;padding:9px;border:1px solid #dfe6eb;border-radius:10px}.agent-grid article>b{display:grid;width:31px;height:31px;place-items:center;border-radius:8px;background:#eef5f8;color:#3f718a;font-size:8px}.agent-grid article>span{display:flex;min-width:0;flex-direction:column}.agent-grid strong{overflow:hidden;color:#385269;font-size:8px;text-overflow:ellipsis}.agent-grid small{margin-top:3px;color:#6c8c7d;font-size:7px}.agent-grid .attention{border-color:#dfaa86;background:#fff7f1}.runtime-panel header h3{margin:4px 0}.runtime-panel dl{margin:0;padding:0 15px}.runtime-panel dl div{padding:9px 0;border-bottom:1px solid #e8edf0}.runtime-panel dt{color:#8493a0;font-size:7px}.runtime-panel dd{margin:3px 0;color:#365168;font-size:9px;font-weight:700}.timeline{display:flex;flex-direction:column;gap:6px;padding:14px}.timeline span{padding:7px 8px;border-left:2px solid #cbd6de;background:#f6f8fa;color:#718596;font-size:8px}.timeline span.done{border-color:#53a47f;color:#3f765f}.economy{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:0 14px 14px}.economy span{display:flex;flex-direction:column;padding:8px;border-radius:8px;background:#f3f6f8}.economy b{font-size:14px}.economy small{color:#8292a0;font-size:6px}.composer{position:fixed;z-index:120;right:20px;bottom:28px;left:332px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dce3e8;border-radius:15px;background:#ffffffed;box-shadow:0 18px 55px #1932492e;backdrop-filter:blur(12px)}.composer-orb{width:43px;height:43px;border:1px solid #d9844f66;border-radius:50%;background:radial-gradient(circle at 35% 28%,#315d80,#162d45 61%,#0b1c2d);color:#f2c49f;font:italic 18px Georgia,serif}.composer>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px}.composer small{grid-column:1/-1;color:#81919f;font-size:6px;letter-spacing:.08em}.composer small b{color:#a05b35}.composer input{height:32px;border:0;outline:0;background:transparent;color:#3b5367;font-size:9px}.composer em{grid-column:1/-1;color:#8b99a5;font-size:6px;font-style:normal}.send{height:37px;padding:0 14px;border:0;border-radius:9px;background:linear-gradient(135deg,#d9844f,#b86739);color:#fff;font-size:9px}.authority-footer{position:fixed;z-index:121;right:0;bottom:0;left:312px;height:20px;display:flex;align-items:center;justify-content:center;background:#752f22;color:#fff;font-size:7px;letter-spacing:.09em}.drawer-layer{position:fixed;z-index:250;inset:28px 0 0}.drawer-backdrop{position:absolute;inset:0;border:0;background:#07121e8a;backdrop-filter:blur(3px)}.erp-drawer{position:relative;display:flex;width:306px;height:100%;flex-direction:column;padding:15px;background:var(--navy);color:#a5b5c3;box-shadow:22px 0 60px #05121e47}.erp-drawer header{display:flex;align-items:center;justify-content:space-between;padding:15px;background:#fff;color:#273f54}.erp-drawer header button{border:0;background:transparent;font-size:20px}.erp-drawer>small{padding:17px 8px 8px;color:#d9a17d;font-size:8px;letter-spacing:.12em}.erp-drawer nav{display:flex;flex-direction:column;gap:3px}.erp-drawer nav button{display:grid;grid-template-columns:25px 1fr auto;align-items:center;min-height:39px;border:0;border-radius:8px;background:transparent;color:#a8b7c5;text-align:left;font-size:10px}.erp-drawer nav button:hover{background:#ffffff0f;color:#fff}.erp-drawer nav i{font-style:normal}.erp-drawer footer{display:flex;margin-top:auto;flex-direction:column;padding:15px;border-top:1px solid #ffffff12;color:#e7eef4;font-size:10px}.erp-drawer footer small{margin-top:4px;color:#8194a6;font-size:7px}.mobile-header,.mobile-nav{display:none}@keyframes pulse{50%{transform:scale(1.04);box-shadow:0 0 0 10px #d9844f1d,0 12px 35px #132b3f35}}@media(max-width:1240px){.gigio-sidebar{width:78px}.gigio-brand{grid-template-columns:1fr}.gigio-brand>span:nth-child(2),.gigio-brand em,.gigio-sidebar>p,.gigio-sidebar nav button:not(.active){display:none}.gigio-sidebar nav button{justify-content:center}.gigio-sidebar nav button span{width:auto}.sandbox-card,.identity-card{grid-template-columns:1fr;text-align:center}.sandbox-card strong,.sandbox-card small,.identity-card span{display:none}.main-area{margin-left:150px}.composer{left:170px}.authority-footer{left:150px}.metric-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:840px){.environment-strip{gap:8px;height:24px;font-size:6px}.erp-rail,.gigio-sidebar{display:none}.main-area{margin-left:0;padding-top:76px}.mobile-header{position:fixed;z-index:100;top:24px;left:0;right:0;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#f8fafb;border-bottom:1px solid #dae2e8}.mobile-header button{border:0;background:transparent}.mobile-nav{position:fixed;z-index:99;top:76px;right:0;left:0;display:grid;grid-template-columns:1fr 1fr;padding:10px;background:var(--navy)}.mobile-nav button{min-height:38px;border:0;background:transparent;color:#cad6df;font-size:9px}.topbar{height:auto;min-height:74px;flex-wrap:wrap}.topbar>div:first-child{min-width:160px}.search{order:4;max-width:none;flex-basis:100%}.top-chips{display:none}.content{padding:14px 12px 125px}.metric-grid{grid-template-columns:1fr 1fr}.boundary-grid{grid-template-columns:1fr 1fr}.command-layout{grid-template-columns:1fr}.agent-grid{grid-template-columns:1fr 1fr}.composer{right:10px;bottom:25px;left:10px}.authority-footer{left:0}.table-card{overflow-x:auto}.table-head,.table-row{min-width:720px}}@media(max-width:560px){.environment-strip strong:nth-child(2){display:none}.topbar{padding:9px 12px}.topbar h1{font-size:16px}.languages button{padding:0 6px}.hero{align-items:flex-start;flex-direction:column;gap:12px}.metric-grid,.boundary-grid{grid-template-columns:1fr 1fr}.agent-grid{grid-template-columns:1fr}.state-buttons{display:grid;grid-template-columns:1fr 1fr}.orb-stage{min-height:230px}.composer{grid-template-columns:40px 1fr 38px}.composer-orb{width:37px;height:37px}.composer .send{width:38px;padding:0;font-size:0}.composer .send::after{content:"→";font-size:14px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.observability-shell{display:grid;gap:12px}.observability-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,#fff,#f7f9fa)}.observability-hero small{color:var(--copper-dark);font-size:8px;font-weight:900;letter-spacing:.12em}.observability-hero h2{margin:5px 0 3px;font-size:21px}.observability-hero p{margin:0;color:var(--muted);font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.replay-switch{display:flex;gap:5px;padding:4px;border:1px solid var(--border);border-radius:9px;background:#f3f6f8}.replay-switch button{padding:8px 10px;border:0;border-radius:7px;background:transparent;color:#6f8191;font-size:8px;font-weight:800}.replay-switch button.active{background:#fff;color:#9f552f;box-shadow:0 2px 8px #213a4d18}.freshness-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 13px;border:1px solid #e5c7b5;border-radius:10px;background:#fff7f2;color:#785039;font-size:8px}.freshness-banner strong{padding-right:12px;border-right:1px solid #e5c7b5}.freshness-banner em{font-style:normal;color:#9b6a4c}.observation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.observation-panel{border:1px solid var(--border);border-radius:12px;background:#fff;overflow:hidden}.observation-panel>header{padding:10px 12px;border-bottom:1px solid #e8edf0;background:#f8fafb}.observation-panel h3{margin:0;color:#365168;font-size:10px;letter-spacing:.04em}.observation-list{margin:0;padding:4px 12px 10px}.observation-list>div{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(0,1.3fr);gap:8px;padding:8px 0;border-bottom:1px solid #edf1f3}.observation-list>div:last-child{border:0}.observation-list dt{color:#8795a1;font-size:7px}.observation-list dd{margin:0;color:#385167;font-size:8px;font-weight:700}.mono-wrap{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.observation-chip{display:inline-flex;padding:4px 6px;border-radius:12px;font-size:6px;font-weight:900;letter-spacing:.05em}.observation-chip.good{background:#eaf7f1;color:#36765b}.observation-chip.neutral{background:#eef2f5;color:#617486}.economy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px}.economy-grid span{display:flex;min-width:0;flex-direction:column;padding:8px;border-radius:8px;background:#f3f6f8}.economy-grid b{overflow-wrap:anywhere;color:#29465f;font-size:13px}.economy-grid small{margin-top:3px;color:#8192a0;font-size:6px}.agent-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:11px}.agent-step{display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px;align-items:center;padding:9px;border:1px solid #e1e7eb;border-radius:9px}.agent-step>span{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#edf3f6;color:#3d667e;font-size:7px;font-weight:900}.agent-step>div{display:flex;min-width:0;flex-direction:column}.agent-step strong{font-size:8px}.agent-step small{margin:2px 0;color:#738797;font-size:6px}.agent-step code{overflow:hidden;color:#8795a0;font-size:6px;text-overflow:ellipsis}.agent-step>.observation-chip{grid-column:1/-1;width:max-content}.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:11px}.evidence-grid article{border:1px solid #e1e7eb;border-radius:9px;overflow:hidden}.evidence-grid article>header{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:8px;background:#f6f8fa}.evidence-grid strong{font-size:7px}.evidence-grid ol{margin:0;padding:8px 8px 8px 25px}.evidence-grid li{padding:3px;color:#617586;font-size:7px}.evidence-references{display:flex;flex-wrap:wrap;gap:6px;padding:0 11px 11px}.evidence-references code{padding:5px 7px;border-radius:6px;background:#f2f5f7;color:#687d8d;font-size:6px;overflow-wrap:anywhere}.composer.observational{border-color:#e5c7b5;background:#fffaf7ed}.composer :disabled{cursor:not-allowed;filter:saturate(.45);opacity:.66}

@media(max-width:1120px){.observation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.observability-hero{align-items:flex-start;flex-direction:column}.replay-switch{width:100%}.replay-switch button{flex:1}.freshness-banner{grid-template-columns:1fr}.freshness-banner strong{padding:0;border:0}.observation-grid,.agent-flow,.evidence-grid{grid-template-columns:1fr}}