:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#18212f;background:#eef2f7;letter-spacing:0;--bg: #eef2f7;--panel: #ffffff;--panel-soft: #f7f9fc;--line: #d7dfea;--text: #18212f;--muted: #6b7586;--primary: #2146d0;--primary-weak: #d9e2ff;--danger: #c43c3c;--danger-weak: #fde8e8;--warning: #9a6300;--warning-weak: #fff2cc;--success: #1e7a47;--success-weak: #dff3e7;--info: #2d5bbd;--info-weak: #e4efff;--shadow: 0 12px 30px rgba(34, 45, 61, .08)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:#f9fbfd;border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:8px 8px 12px}.brand-mark{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(180deg,#2948d3,#1d2f87);color:#fff}.brand-name{font-weight:700}.brand-sub,.meta-line,.eyebrow,.panel p,.cell-sub,.footer-note,.metric-meta,.detail-row span,.mini-row span{color:var(--muted);font-size:12px}.nav{display:flex;flex-direction:column;gap:6px;overflow:auto}.nav-item{display:grid;grid-template-columns:16px minmax(0,1fr) 14px;align-items:center;gap:10px;width:100%;border:1px solid transparent;background:transparent;color:var(--text);padding:10px 12px;border-radius:8px;text-align:left}.nav-item.active,.nav-item:hover{background:var(--panel);border-color:var(--line);box-shadow:var(--shadow)}.nav-arrow{color:var(--muted)}.sidebar-footer{margin-top:auto;padding:10px 8px;border-top:1px solid var(--line);display:grid;gap:8px}.env-pill,.env-switch,.admin-chip{display:inline-flex;align-items:center;gap:8px;border-radius:8px;border:1px solid var(--line);background:var(--panel);padding:8px 10px}.env-dot{width:8px;height:8px;border-radius:999px;display:inline-block}.env-dot.local{background:var(--success)}.env-dot.staging{background:var(--warning)}.env-dot.prod{background:var(--danger)}.main{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 22px 14px;border-bottom:1px solid var(--line);background:#eef2f7cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:8}.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px;min-width:0}.topbar-left h1,.panel h3,.band-head h2,.drawer h3{margin:0}.topbar-left p{margin:4px 0 0;color:var(--muted);font-size:13px}.eyebrow{text-transform:uppercase;letter-spacing:0;font-size:11px}.searchbox{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 10px;min-width:280px}.searchbox input{border:0;outline:0;background:transparent;min-width:0;width:100%}.icon-button,.ghost-button,.primary-button,.secondary-button,.danger-button,.action-button,.row-button{border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:9px 12px;transition:.15s ease}.icon-button{width:38px;height:38px;padding:0}.primary-button{background:var(--primary);border-color:var(--primary);color:#fff}.secondary-button{background:var(--panel);border-color:var(--line);color:var(--text)}.danger-button{background:var(--danger);border-color:var(--danger);color:#fff}.ghost-button{background:var(--panel)}.action-button{background:var(--panel-soft);justify-content:flex-start}.row-button{padding:7px 10px;font-size:12px}.row-button.danger{color:var(--danger);border-color:#efc8c8;background:var(--danger-weak)}button:disabled{opacity:.45;cursor:not-allowed}.section-grid{padding:18px 22px 10px;display:grid;gap:16px}.band,.panel,.table-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.band{padding:16px}.compact-band{display:flex;align-items:center;justify-content:space-between;gap:12px}.band-head,.panel-head,.drawer-head,.table-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.metric-grid,.content-grid{display:grid;gap:12px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}.metric-card{border-radius:8px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f9fbff);padding:14px;min-width:0}.metric-card.success{border-color:#cce7d5}.metric-card.warning{border-color:#f4ddb0}.metric-card.danger{border-color:#efc8c8}.metric-card.info{border-color:#cfdcf7}.metric-label{color:var(--muted);font-size:12px}.metric-value{font-size:28px;font-weight:700;margin:4px 0}.metric-meta{display:flex;justify-content:space-between;gap:10px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.table-panel{padding:14px}.panel h3,.table-panel h3{font-size:16px}.panel p,.table-panel p{margin:4px 0 0}.table-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:min(100%,360px)}.table-searchbox{width:260px;min-width:min(260px,100%)}.form-grid{display:grid;gap:12px}.form-grid.single{grid-template-columns:1fr}.tool-config-form{min-height:0;overflow:auto;padding-right:4px}.tool-config-actions{position:sticky;top:0;z-index:2;display:flex;justify-content:flex-end;padding:8px 0;background:var(--panel);border-bottom:1px solid var(--line)}.form-field{display:grid;gap:8px}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.checkbox-grid label{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px}.field{display:grid;gap:6px}.field span{color:var(--muted);font-size:12px}.field input,.field textarea,.field select{width:100%;border-radius:8px;border:1px solid var(--line);background:var(--panel);padding:9px 10px;color:var(--text)}.field textarea{min-height:92px;resize:vertical}.toggle-field{display:inline-flex;align-items:center;gap:8px;color:var(--text)}.toggle-field input{width:16px;height:16px}.balance-direction{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.balance-direction button{border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 10px}.balance-direction button.active{border-color:var(--primary);background:#eef4ff;color:var(--primary)}.notice{display:flex;flex-wrap:wrap;gap:10px;border-radius:8px;border:1px solid var(--line);padding:10px 12px;background:var(--panel)}.notice.danger{border-color:#efc8c8;background:var(--danger-weak)}.source-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.source-badge.live{color:var(--success)}.empty-cell{padding:18px 12px;color:var(--muted);text-align:center}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.mini-list{display:grid;gap:10px;margin-top:12px}.mini-row,.detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eef1f6;padding:10px 0}.mini-row:last-child,.detail-row:last-child{border-bottom:0}.mini-row strong,.detail-row strong{text-align:right;word-break:break-word}.table-wrap{overflow:auto;margin-top:10px}table{width:100%;border-collapse:collapse;min-width:980px}th,td{padding:11px 10px;border-bottom:1px solid #edf1f6;text-align:left;vertical-align:top;font-size:13px}th{color:var(--muted);font-size:12px;font-weight:600;background:#fbfcfe;position:sticky;top:0}.cell-title{font-weight:600}.user-cell{display:flex;align-items:center;gap:10px;min-width:0}.user-avatar{width:28px;height:28px;border-radius:8px;object-fit:cover;background:#e9eef6;flex:0 0 auto}.actions{white-space:nowrap;display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:12px;border:1px solid transparent}.badge.success{background:var(--success-weak);color:var(--success);border-color:#cce7d5}.badge.warning{background:var(--warning-weak);color:var(--warning);border-color:#efdca3}.badge.danger{background:var(--danger-weak);color:var(--danger);border-color:#efc8c8}.badge.info{background:var(--info-weak);color:var(--info);border-color:#d2e0fb}.badge.neutral{background:#eef1f5;color:#576273;border-color:#dde3eb}.user-portrait{display:grid;gap:16px;min-width:0}.user-portrait-hero{display:flex;align-items:center;justify-content:space-between;gap:16px}.portrait-identity{display:flex;align-items:center;gap:14px;min-width:0}.portrait-avatar{width:72px;height:72px;border-radius:8px;object-fit:cover;background:#e9eef6;border:1px solid var(--line);flex:0 0 auto}.portrait-title{display:grid;gap:5px;min-width:0}.portrait-title h2{margin:0;font-size:24px}.portrait-badges,.portrait-actions{display:flex;flex-wrap:wrap;gap:8px}.portrait-actions{justify-content:flex-end}.portrait-metrics{margin-top:0}.portrait-metrics .metric-value{font-size:24px;word-break:break-word}.portrait-tables{align-items:start}.store-filter-grid{display:grid;grid-template-columns:minmax(220px,1fr) 160px 180px;gap:10px;min-width:min(100%,660px)}.store-filter-grid select{border-radius:8px;border:1px solid var(--line);background:var(--panel);padding:9px 10px;color:var(--text)}.store-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.store-note{max-width:520px;align-items:center;color:var(--muted);font-size:12px}.store-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.store-card{display:grid;gap:12px;border:1px solid var(--line);background:var(--panel);border-radius:8px;box-shadow:var(--shadow);padding:14px;min-width:0}.store-card-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px}.store-avatar{width:42px;height:42px;border-radius:8px;object-fit:cover;background:#e9eef6}.store-card-main{min-width:0}.store-copy{min-height:46px;color:var(--muted);font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.store-tags{display:flex;flex-wrap:wrap;gap:6px;min-height:28px}.store-metrics .mini-list{margin-top:0}.store-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.store-detail{display:grid;gap:12px;overflow:auto}.category-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--panel-soft)}.category-form label{display:grid;gap:6px;color:var(--muted);font-size:12px}.category-form input,.category-form select{border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);padding:9px 10px;min-width:0}.category-form-wide{grid-column:span 3}.category-form-actions{display:flex;align-items:end;justify-content:flex-end;gap:8px}.category-list{display:grid;gap:10px;overflow:auto;margin-top:12px}.category-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:12px}.category-row.is-editing{border-color:var(--primary)}.category-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.footer-note{display:flex;justify-content:space-between;gap:12px;padding:8px 24px 18px;color:var(--muted);font-size:12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#121c2b6b;display:flex;justify-content:flex-end;z-index:20}.drawer,.modal{background:var(--panel);height:100%;width:min(420px,100%);padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.drawer.wide{width:min(720px,100%)}.modal{width:min(520px,calc(100% - 24px));height:auto;margin:auto;border-radius:8px}.drawer-body{overflow:auto;display:grid;gap:2px}.modal-copy{margin:0;color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:auto}.compact{margin-top:4px}.mobile-only{display:none}.config-terminal-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.config-terminal{flex:1;min-height:360px;overflow:auto;border:1px solid #1f2937;border-radius:8px;background:#101720;color:#d9e4ef;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.55}.config-terminal-line{display:grid;grid-template-columns:72px 108px minmax(0,1fr);gap:10px;align-items:start;min-height:20px}.config-terminal-line.error{color:#ffb4a8}.config-terminal-time{color:#8fb1d1}.config-terminal-phase{color:#98d6b3}.config-terminal-text{white-space:pre-wrap;word-break:break-word}.test-run-panel{display:grid;gap:14px;min-height:0;overflow:auto}.chat-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-height:0;overflow:hidden;flex:1}.chat-topbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);padding:12px}.chat-topbar .field{min-width:min(360px,100%);flex:1}.chat-run-meta{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.chat-run-meta span{border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);padding:7px 9px;font-size:12px}.chat-list{min-height:0;overflow:auto;display:grid;gap:10px;align-content:start;border:1px solid var(--line);border-radius:8px;background:#fbfcfe;padding:14px}.chat-message{width:min(76%,680px);border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--panel-soft);justify-self:start}.chat-message.user{background:#eaf0ff;border-color:#c9d6ff;justify-self:end}.chat-message.assistant{background:#f7fbf8;border-color:#d4e6d8}.chat-message.system{width:100%;background:#f4f6f9;color:var(--muted)}.chat-message.event{width:min(88%,760px);justify-self:center;background:#f8f4e8;border-color:#eadfbf;color:#4b4130}.chat-message.event-model-generation{justify-self:start;background:#eefaf1;border-color:#9bd7aa;color:#1f4d2b}.chat-message.event-model-thinking{justify-self:start;background:#f2faf6;border-color:#b7ddc9;color:#28483a}.chat-message-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.chat-message-head strong{color:var(--text)}.chat-message-body{margin-top:6px;white-space:pre-wrap;word-break:break-word}.chat-message-meta{margin-top:8px;color:var(--muted);font-size:11px}.chat-composer.docked{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:10px}.chat-composer.docked textarea{min-height:58px;max-height:150px;resize:vertical}.chat-composer.docked button{align-self:end;width:46px;height:42px;justify-content:center;padding:0}.chat-list{min-height:0}.chat-message{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:10px;display:grid;gap:8px}.chat-message.user{border-color:#cfdcf7;background:#f6f9ff}.chat-message.assistant{border-color:#cce7d5;background:#f6fbf8}.chat-message.event{border-color:#eadfbf;background:#fbf8ef}.chat-message.event-model-generation{border-color:#9bd7aa;background:#eefaf1;color:#1f4d2b}.chat-message.event-model-thinking{border-color:#b7ddc9;background:#f2faf6;color:#28483a}.chat-message-head{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.chat-message-body{white-space:pre-wrap;word-break:break-word}.chat-message-meta{font-size:12px;color:var(--muted)}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.compact-band{flex-direction:column;align-items:stretch}.user-portrait-hero{align-items:flex-start;flex-direction:column}.portrait-actions{justify-content:flex-start}}@media(max-width:920px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(290px,88vw);transform:translate(-102%);transition:transform .2s ease;z-index:18}.sidebar.open{transform:translate(0)}.topbar{padding:14px;flex-direction:column}.topbar-right{flex-wrap:wrap}.searchbox{min-width:0;width:100%}.mobile-only{display:inline-flex}.section-grid{padding:14px}.footer-note{padding-inline:14px;flex-direction:column}.compact-band{flex-direction:column;align-items:stretch}}@media(max-width:680px){.metric-grid,.quick-actions{grid-template-columns:1fr}.band-head,.panel-head,.drawer-head{flex-direction:column}.actions,.drawer{width:100%}.chat-topbar,.chat-composer.docked{grid-template-columns:1fr}.chat-message{width:100%}.portrait-identity{align-items:flex-start}.portrait-avatar{width:56px;height:56px}.portrait-actions>button{width:100%}}