:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f3ee;--panel:#fff;--panel-soft:#f9fafb;--text:#172026;--muted:#667085;--line:#d9dee7;--accent:#0f766e;--accent-strong:#0b5f59;--danger:#b42318;--chip:#e7f3f1;--shadow:0 14px 32px #17202614}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.login-screen{background:linear-gradient(135deg, #0f766e14, transparent 42%), var(--bg);place-items:center;min-height:100vh;padding:20px;display:grid}.login-panel{border:1px solid var(--line);background:var(--panel);width:min(100%,390px);box-shadow:var(--shadow);border-radius:8px;gap:16px;padding:22px;display:grid}.login-icon{background:var(--chip);width:46px;height:46px;color:var(--accent-strong);border:1px solid #8fc9bd;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.login-brand{gap:4px}.sidebar{border-color:var(--line);border-right:1px solid var(--line);background:#eef1f4;padding:18px}.main{background:var(--panel);grid-template-rows:auto 1fr auto;min-width:0;display:grid}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.brand{flex-direction:column;gap:2px;display:flex}.brand h1{margin:0;font-size:18px;line-height:1.25}.brand span,.muted{color:var(--muted);font-size:13px}.selector-row{flex-wrap:wrap;gap:8px;display:flex}.select,.input,.textarea{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:8px}.input{width:100%;min-height:36px;padding:0 10px}.select{width:100%;min-height:36px;padding:0 34px 0 10px}.chat-list{flex-direction:column;gap:8px;margin-top:18px;display:flex}.chat-item,.panel-card,.message,.composer{border:1px solid var(--line);background:var(--panel);border-radius:8px}.chat-item{text-align:left;padding:12px}.chat-item.active{border-color:var(--accent);background:var(--chip)}.messages{flex-direction:column;gap:16px;padding:24px;display:flex;overflow-y:auto}.message{max-width:860px;padding:16px;box-shadow:0 6px 14px #1720260d}.message.user{background:#f2f7ff;align-self:flex-end}.message.assistant{align-self:flex-start}.message-head{color:var(--muted);align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.message p{margin:0;line-height:1.55}.thinking-message{min-width:min(720px,100%)}.trace-panel{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;margin-top:12px;overflow:hidden}.trace-panel summary,.trace-title{color:#344054;cursor:pointer;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:700;display:flex}.trace-panel summary span{border:1px solid var(--line);color:var(--muted);border-radius:999px;margin-left:auto;padding:1px 7px;font-size:12px}.trace-list{gap:0;display:grid}.trace-item{border-top:1px solid var(--line);grid-template-columns:12px minmax(0,1fr) auto;align-items:start;gap:10px;padding:10px 12px;display:grid}.trace-dot{background:var(--accent);border-radius:999px;width:8px;height:8px;margin-top:5px;box-shadow:0 0 0 4px #0f766e1a}.trace-item.error .trace-dot{background:#b42318;box-shadow:0 0 0 4px #b423181a}.trace-item strong,.trace-item span,.trace-item small{display:block}.trace-item strong{font-size:13px}.trace-item span{color:#475467;margin-top:2px;font-size:13px;line-height:1.35}.trace-item small{color:var(--muted);margin-top:4px;font-size:12px}.trace-item em{color:var(--muted);white-space:nowrap;font-size:12px;font-style:normal}.warning-list{gap:6px;margin-top:10px;display:grid}.warning-list span{color:#93370d;background:#fffaeb;border:1px solid #fedf89;border-radius:8px;padding:8px 10px;font-size:13px;line-height:1.35}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.kpi{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;padding:10px}.kpi strong{margin-top:4px;font-size:18px;display:block}.table-wrap{border:1px solid var(--line);border-radius:8px;margin-top:14px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:9px 10px}th{color:#344054;background:#f3f5f7}.composer-wrap{border-top:1px solid var(--line);padding:16px 24px 22px}.composer{box-shadow:var(--shadow);grid-template-columns:1fr auto;gap:10px;padding:10px;display:grid}.textarea{resize:vertical;border:0;outline:0;min-height:54px;max-height:160px;padding:8px}.icon-button,.primary-button,.ghost-button{border:1px solid var(--line);min-height:38px;color:var(--text);background:#fff;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.primary-button{border-color:var(--accent);background:var(--accent);color:#fff;gap:8px;padding:0 14px}.primary-button:hover{background:var(--accent-strong)}.ghost-button{gap:8px;padding:0 10px}.settings-actions{z-index:2;border-bottom:1px solid var(--line);background:#eef1f4;gap:8px;margin:-18px -18px 12px;padding:14px 18px;display:flex;position:sticky;top:0}.logout-button{margin-left:auto}.full-button{width:100%;margin-top:8px}.danger-button{color:var(--danger);border-color:#f1a9a1}.panel-card{margin-top:12px;padding:12px}.settings-overlay{z-index:40;pointer-events:none;position:fixed;inset:0}.settings-overlay.open{pointer-events:auto}.settings-backdrop{cursor:default;background:#17202600;border:0;transition:background .18s;position:absolute;inset:0}.settings-overlay.open .settings-backdrop{background:#17202647}.context-panel{border-left:1px solid var(--line);background:#eef1f4;width:min(440px,100vw);height:100%;padding:18px;transition:transform .22s;position:absolute;top:0;right:0;overflow-y:auto;transform:translate(104%);box-shadow:-18px 0 34px #17202624}.settings-overlay.open .context-panel{transform:translate(0)}.panel-card h2{margin:0 0 10px;font-size:14px}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--chip);color:#0b5f59;border-radius:999px;padding:5px 8px;font-size:12px}.tag-button{border:0}.tag-button.active,.view-button.active{border-color:var(--accent);background:var(--chip);color:var(--accent-strong)}.view-button{min-height:36px}.articles-view{flex-direction:column;gap:14px;min-width:0;padding:20px 24px;display:flex;overflow:auto}.articles-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.articles-head h2{margin:0 0 4px;font-size:20px}.articles-controls{grid-template-columns:minmax(180px,1fr) 120px 120px auto;gap:8px;display:grid}.articles-kpi{max-width:760px;margin-top:0}.articles-table{margin-top:0}.articles-table table{min-width:1900px}.sku-title{white-space:normal;min-width:240px}.sku-title strong,.sku-title span{display:block}.sku-title span{color:var(--muted);margin-top:3px;font-size:12px}.positive{color:#087443}.negative,.risk-cell{color:var(--danger)}.table-action{min-height:30px;padding:0 8px;font-size:12px}.report-card{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;padding:14px}.report-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.report-head h3{margin:0;font-size:16px}.report-actions,.note-cell{gap:8px;display:flex}.report-card pre{white-space:pre-wrap;color:#344054;margin:12px 0 0;font-family:inherit;font-size:13px;line-height:1.5}.note-cell{min-width:220px}.note-cell .input{min-height:30px}.ops-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ops-card,.sku-360{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;padding:12px}.ops-card h3{margin:0 0 8px;font-size:14px}.ops-card ul{gap:8px;margin:0 0 8px;padding:0;list-style:none;display:grid}.ops-card li{color:var(--muted);gap:2px;font-size:12px;display:grid}.ops-card li strong{color:var(--text)}.cost-textarea{border:1px solid var(--line);width:100%;min-height:76px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px}.sku-360-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.sku-360 pre{white-space:pre-wrap;color:#344054;margin:6px 0 0;font-size:12px}.source-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.source-list li{background:var(--panel-soft);color:#344054;word-break:break-word;border-radius:8px;padding:9px;font-size:13px}.settings-form{gap:8px;display:grid}.secret-status{color:var(--muted);margin:0 0 10px;font-size:13px}.checkbox-row{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.danger-check{color:var(--danger)}.model-list{margin-top:10px}.model-list li{gap:3px;display:grid}.model-list .test-button{min-height:30px;padding:0 9px;font-size:12px}.model-actions{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.model-list strong{color:var(--text)}.model-list span{color:var(--muted)}.json-textarea{border:1px solid var(--line);min-height:170px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45}.tool-meta{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;gap:4px;padding:9px;font-size:12px;display:grid}.tool-meta strong{font-size:13px}.tool-meta span{color:var(--muted);overflow-wrap:anywhere}.tool-result{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;margin-top:10px;padding:10px}.tool-result.ok{border-color:#8fc9bd}.tool-result.error{border-color:#f1a9a1}.tool-result strong{margin-bottom:8px;font-size:13px;display:block}.tool-result pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#344054;max-height:260px;margin:0;font-size:12px;line-height:1.45;overflow:auto}.reference-list{margin-top:10px}.reference-item{width:100%;color:inherit;text-align:left;background:0 0;border:0;gap:4px;padding:0;display:grid}.reference-item strong{color:var(--text);overflow-wrap:anywhere;font-size:12px}.reference-item span{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.add-tool-button{width:100%;margin-top:10px}@media (max-width:1120px){.app-shell{grid-template-columns:240px minmax(0,1fr)}}@media (max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{flex-direction:column;align-items:flex-start}.context-panel{width:100vw}.messages{padding:16px}.kpi-grid{grid-template-columns:1fr}.composer-wrap{padding:12px}}
