:root{color-scheme:light;font-family:Inter,Segoe UI,Microsoft YaHei,Arial,sans-serif;background:#f4f6f8;color:#17212b;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f4f6f8}button{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr);min-width:0}.sidebar{background:#0f2537;color:#e7eef5;padding:20px 14px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:8px 10px 14px;border-bottom:1px solid rgba(255,255,255,.12)}.brand>div:last-child{min-width:0}.brand-mark{width:40px;height:40px;border-radius:6px;background:#24a085;color:#fff;display:grid;place-items:center;font-weight:800;letter-spacing:0}.brand strong,.brand span{display:block;overflow-wrap:anywhere}.brand span{color:#aab9c5;font-size:12px;margin-top:3px}nav{display:grid;gap:5px}nav button{width:100%;height:42px;border:0;border-radius:6px;color:#cbd7e1;background:transparent;display:flex;align-items:center;gap:10px;padding:0 12px;cursor:pointer;text-align:left}nav button:hover,nav .nav-active{background:#183a54;color:#fff}main{min-width:0;padding:22px}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.eyebrow{color:#5f7182;font-size:13px;font-weight:700}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.2;margin-top:4px}h2{font-size:16px;line-height:1.3}.top-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.mode-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #cfd8e1;border-radius:8px;background:#fff}.mode-switch button{height:28px;border:0;border-radius:6px;background:transparent;color:#526375;padding:0 10px;font-size:12px;font-weight:800;cursor:pointer}.mode-switch button.active{background:#0f2537;color:#fff}.badge{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;white-space:nowrap}.badge.good{color:#17664f;background:#dff4ec}.badge.warn{color:#7a5715;background:#fff0cc}.badge.neutral{color:#465667;background:#e7ebef}.quick-metrics,.metric-grid,.audit-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.authbar{background:#fff;border:1px solid #dde4ea;border-radius:8px;padding:12px;margin-bottom:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.authbar strong{display:block;font-size:14px}.authbar select,.authbar button{height:34px;border:1px solid #cfd8e1;border-radius:6px;background:#fff;color:#17212b;padding:0 10px}.authbar button{cursor:pointer;font-weight:700}.authbar button:disabled{cursor:not-allowed;color:#8794a1;background:#f3f5f7}.system-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:12px 14px;border:1px solid #f2d28b;border-left:4px solid #d89919;border-radius:8px;background:#fff8e6;color:#493612}.system-banner div{display:grid;gap:3px}.system-banner strong{font-size:14px}.system-banner span{color:#6e5420;font-size:13px;line-height:1.4}.redline-banner{border-color:#f0b8a8;border-left-color:#c94a2e;background:#fff3ef;color:#5d2418}.redline-banner span{color:#7b3828}.training-banner{border-color:#b8d9d2;border-left-color:#24a085;background:#eefaf6;color:#184c41}.training-banner span{color:#315f55}.internal-only-banner{border-color:#b7c6dd;border-left-color:#4f6f9f;background:#f1f5fb;color:#25364f}.internal-only-banner span{color:#465b78}.demo-banner{border-color:#b8d9d2;border-left-color:#24a085;background:#eefaf6;color:#184c41}.demo-banner span{color:#315f55}.permission-summary{color:#647687;font-size:12px;font-weight:700}.auth-details{flex-basis:100%;display:grid;grid-template-columns:120px 190px minmax(220px,1fr) minmax(220px,1fr);gap:10px;padding-top:8px;border-top:1px solid #eef2f5}.auth-details strong{font-size:12px;line-height:1.35}.auth-warning{flex-basis:100%;color:#7a5715;background:#fff6dd;border:1px solid #f1daa3;border-radius:6px;padding:8px 10px;font-size:12px;font-weight:700}.row-actions{display:flex;gap:6px;align-items:center}.row-actions button{height:30px;border:1px solid #cfd8e1;border-radius:6px;background:#fff;color:#17212b;padding:0 9px;font-size:12px;font-weight:800;cursor:pointer}.row-actions button:first-child{border-color:#8fd9c1;background:#e7f8f1;color:#17664f}.row-actions button:last-child{border-color:#efc2be;background:#fff0ee;color:#9b2c22}.muted-action{color:#8794a1;font-size:12px;font-weight:700}.send-trigger-list{display:grid;gap:10px}.send-trigger-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;border:1px solid #dde4ea;background:#f8fafb;border-radius:6px;padding:12px}.send-trigger-row strong,.send-trigger-row span{display:block}.send-trigger-row span{color:#647687;font-size:12px;margin-top:3px}.send-trigger-row button{height:32px;border:1px solid #cfd8e1;border-radius:6px;background:#fff;color:#17212b;padding:0 10px;font-weight:800;cursor:pointer}.send-trigger-row button:disabled{cursor:not-allowed;color:#8794a1;background:#eef2f5}.metric,.panel{background:#fff;border:1px solid #dde4ea;border-radius:8px}.metric{padding:14px}.metric-label,.label{display:block;color:#637485;font-size:12px;font-weight:700;margin-bottom:4px}.metric-value{font-size:22px;font-weight:800;line-height:1.2}.metric-detail{color:#647687;font-size:12px;margin-top:5px}.metric-detail.good{color:#158062}.metric-detail.warn{color:#946710}.workspace{display:grid;gap:16px}.three-column{grid-template-columns:minmax(280px,.85fr) minmax(360px,1.25fr) minmax(300px,.9fr)}.two-column{grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr)}.wide-main{grid-template-columns:minmax(360px,.75fr) minmax(520px,1.25fr)}.single-column{grid-template-columns:minmax(0,1fr)}.card-grid{grid-template-columns:repeat(3,minmax(260px,1fr))}.panel{min-width:0;padding:16px}.demo-home{gap:18px}.demo-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:24px;border:1px solid #cfe6dc;border-radius:8px;background:linear-gradient(135deg,#fffffff5,#eefaf6eb),radial-gradient(circle at 88% 12%,rgba(36,160,133,.14),transparent 26%)}.demo-hero h2{max-width:820px;font-size:30px;line-height:1.2;margin-top:6px}.demo-hero p{max-width:860px;color:#3f5364;line-height:1.55;margin-top:10px}.demo-hero-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:250px}.demo-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.demo-value-card{display:grid;gap:8px;min-height:150px;padding:18px;border:1px solid #dbe6e7;border-radius:8px;background:#fff}.demo-value-card span{color:#17664f;font-size:12px;font-weight:800;text-transform:uppercase}.demo-value-card strong{color:#152838;font-size:20px;line-height:1.25}.demo-value-card p{color:#526575;font-size:13px;line-height:1.5}.demo-pitch{display:grid;gap:10px;padding:18px;border:1px solid #cfe6dc;border-radius:8px;background:#f4fbf8}.demo-pitch strong{color:#132838;font-size:18px;line-height:1.45}.demo-pitch span{color:#3d5363;line-height:1.55}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.panel-head p{color:#68798a;font-size:13px;line-height:1.4;margin-top:4px}.panel-actions{display:flex;align-items:center;gap:8px}.panel-actions button{height:32px;border:1px solid #cfd8e1;border-radius:6px;background:#fff;color:#17212b;padding:0 10px;font-size:12px;font-weight:800;cursor:pointer}.operation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.permission-note{margin-bottom:10px;color:#637588;font-size:12px;font-weight:700}.operation-grid button{min-height:78px;border:1px solid #d6e0e8;border-radius:8px;background:#fff;color:#17212b;padding:11px;text-align:left;cursor:pointer}.operation-grid button:disabled{cursor:not-allowed;color:#718190;background:#f4f6f8}.operation-grid strong,.operation-grid span{display:block}.operation-grid strong{margin-bottom:5px;font-size:13px}.operation-grid span{color:#637588;font-size:12px;line-height:1.35}.operation-result{display:grid;gap:5px;margin-bottom:12px;padding:10px 12px;border:1px solid #cfe6dc;border-radius:8px;background:#eef9f4;color:#1f5845}.operation-result span{font-size:12px;font-weight:700}.operation-result pre{max-height:150px;overflow:auto;margin:0;white-space:pre-wrap;color:#315775;font-size:12px}.search-controls{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:8px;margin-bottom:12px}.searchbox{height:38px;border:1px solid #dbe2e8;border-radius:6px;display:flex;align-items:center;gap:8px;color:#768696;padding:0 10px;margin-bottom:12px;background:#f8fafb;font-size:13px}.search-controls .searchbox{margin-bottom:0}.searchbox input,.search-controls select{width:100%;height:100%;border:0;background:transparent;color:#17212b;font:inherit;min-width:0}.searchbox input:focus,.search-controls select:focus{outline:none}.search-controls select{border:1px solid #dbe2e8;border-radius:6px;background:#fff;padding:0 10px}.inquiry-list{display:grid;gap:8px}.inquiry-row{border:1px solid #dbe2e8;background:#fff;border-radius:6px;padding:12px;cursor:pointer;text-align:left}.inquiry-row.active{border-color:#238bb5;background:#eef8fb}.row-top,.row-meta{display:flex;justify-content:space-between;gap:8px;align-items:center}.row-meta{color:#6b7c8d;font-size:12px;margin-top:7px}.source-line,.trace-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#6b7c8d;font-size:12px;margin-top:8px}.inquiry-row p{color:#33485a;font-size:13px;line-height:1.4;margin-top:8px}.empty-state{border:1px dashed #cfd8e1;border-radius:6px;padding:18px;color:#647687;text-align:center;font-size:13px}.detail-grid,.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.detail-grid div,.profile-grid div,.message-box,.next-step,.guardrail,.health-note{background:#f8fafb;border:1px solid #e2e8ee;border-radius:6px;padding:12px}.message-box p,.next-step p,.guardrail p,.trace-box p,.health-note p{color:#233644;line-height:1.5}.next-step,.guardrail,.health-note{display:flex;align-items:flex-start;gap:10px;margin-top:12px}.guardrail{color:#7a5715;background:#fff9eb;border-color:#f3d9a5}.trace-box{background:#f8fafb;border:1px solid #e2e8ee;border-radius:6px;padding:12px;margin-bottom:14px}.trace-box p{margin-top:8px;font-size:13px}.draft-trace-box{background:#f8fafb;border:1px solid #dbe2e8;border-radius:6px;padding:12px;margin-bottom:14px}.draft-trace-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.draft-trace-head strong{display:block;word-break:break-word}.trace-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.trace-detail-grid div{border:1px solid #e2e8ee;background:#fff;border-radius:6px;padding:10px;min-width:0}.trace-detail-grid strong{display:block;word-break:break-word}.path-line{margin-top:10px;color:#647687;font-size:12px;word-break:break-word}.section-title{color:#435468;font-size:13px;font-weight:800;margin:16px 0 8px}.tag-list,.risk-list{display:flex;flex-wrap:wrap;gap:8px}.tag-list span,.risk-list span{border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.tag-list span{background:#edf4fb;color:#315775}.risk-list span{background:#fff0cc;color:#7a5715}.timeline{display:grid;gap:10px;margin-top:16px}.timeline-row{border-left:3px solid #238bb5;padding-left:10px}.timeline-row span{color:#6b7c8d;font-size:12px}.timeline-row strong{display:block;margin-top:3px}.timeline-row p{color:#425467;font-size:13px;line-height:1.4;margin-top:3px}.table-wrap{overflow:auto;border:1px solid #dde4ea;border-radius:6px}table{width:100%;min-width:760px;border-collapse:collapse;font-size:13px}th,td{padding:11px 12px;border-bottom:1px solid #e6ebef;text-align:left;vertical-align:top}th{color:#506172;background:#f7f9fb;font-size:12px;font-weight:800}tr:last-child td{border-bottom:0}.channel-card{min-height:190px}.channel-account{background:#f8fafb;border:1px solid #e2e8ee;border-radius:6px;padding:10px;color:#273846;font-size:13px;word-break:break-word;margin-bottom:12px}.channel-card p{color:#536577;line-height:1.5}.control-list{display:grid;gap:12px}.control-list div{display:flex;align-items:center;gap:10px;color:#274154;border:1px solid #e1e7ed;background:#f8fafb;border-radius:6px;padding:12px}.readiness-list{display:grid;gap:12px}.readiness-row{display:grid;grid-template-columns:minmax(220px,.9fr) auto minmax(260px,1.2fr) auto;gap:10px;align-items:start;border:1px solid #dde4ea;background:#f8fafb;border-radius:6px;padding:12px}.readiness-row strong,.readiness-row span{display:block}.readiness-row span,.readiness-path,.readiness-files{color:#647687;font-size:12px}.readiness-path{word-break:break-word}.readiness-tasks{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px}.readiness-tasks span{background:#edf4fb;color:#315775;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700}@media(max-width:1180px){.three-column,.two-column,.wide-main,.card-grid{grid-template-columns:1fr}.quick-metrics,.metric-grid,.audit-metrics,.demo-value-grid,.operation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){html,body,#root{max-width:100%;overflow-x:hidden}.app-shell{grid-template-columns:1fr;width:100%;overflow-x:hidden}.sidebar{position:sticky;z-index:20;height:auto;top:0;padding:10px 10px 8px;gap:10px;box-shadow:0 8px 20px #0f253724;min-width:0;max-width:100vw;overflow:hidden}.brand{padding:4px 4px 9px}.brand-mark{width:34px;height:34px;flex:0 0 34px}.brand strong{font-size:13px;line-height:1.25}.brand span{font-size:11px}nav{display:flex;gap:8px;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}nav button{width:auto;min-width:128px;height:40px;flex:0 0 auto;justify-content:flex-start;padding:0 10px;white-space:nowrap}.topbar{display:grid;gap:10px}h1{font-size:23px}.eyebrow{font-size:12px}.top-actions{justify-content:flex-start;gap:6px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;max-width:100%}.mode-switch{flex:0 0 auto}.demo-hero{grid-template-columns:1fr;padding:16px}.demo-hero h2{font-size:22px}.demo-hero-actions{justify-content:flex-start;max-width:none}.system-banner{align-items:flex-start;flex-direction:column}.auth-details{grid-template-columns:1fr}.authbar{align-items:stretch}.authbar select,.authbar button{max-width:100%;min-width:0}.authbar select{flex:1 1 180px}.permission-summary{flex-basis:100%}.readiness-row,.search-controls,.quick-metrics,.metric-grid,.audit-metrics,.demo-value-grid,.detail-grid,.trace-detail-grid,.profile-grid{grid-template-columns:1fr}.operation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:14px 12px 18px}.panel{padding:13px;max-width:100%;overflow:hidden}.panel-head{display:grid;gap:8px}.panel-actions,.row-actions{width:100%;flex-wrap:wrap}.panel-actions button,.row-actions button,.send-trigger-row button{min-height:36px}.send-trigger-row{grid-template-columns:1fr}.table-wrap{max-height:66vh;-webkit-overflow-scrolling:touch}table{min-width:680px}th,td{padding:9px 10px}}@media(max-width:430px){.quick-metrics,.metric-grid,.audit-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric{padding:11px}.metric-value{font-size:19px}.operation-grid{grid-template-columns:1fr}.operation-grid button{min-height:68px}.row-top,.row-meta,.draft-trace-head{align-items:flex-start;flex-direction:column}.badge{max-width:100%;white-space:normal}}