html{background:#eef2f7}body{margin:0}#root{min-height:100vh}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2f7;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% 10%,#22c55e1f,#0000 28%),radial-gradient(circle at 90% 0,#3b82f629,#0000 30%),#eef2f7;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.boot,.login-page{place-items:center;min-height:100vh;display:grid}.boot{color:#64748b;gap:14px}.boot-mark,.brand-mark,.agent-icon{color:#0f766e;background:#d9f99d;place-items:center;display:grid}.boot-mark{border-radius:18px;width:56px;height:56px}.login-page{grid-template-columns:minmax(320px,1.1fr) minmax(320px,420px);gap:32px;padding:42px}.login-visual{color:#fff;background:linear-gradient(135deg,#0f172aeb,#0f766ed6),url(/assets/hero-CLDdwZDr.png) 50%/cover;border-radius:8px;flex-direction:column;justify-content:space-between;width:100%;min-height:620px;padding:52px;display:flex;box-shadow:0 24px 80px #0f172a2e}.brand-row,.brand-button,.account-box,.history-title,.overview-band,.small-kpis,.admin-tabs,.message{align-items:center;display:flex}.brand-row,.brand-button{gap:12px}.brand-mark{border-radius:8px;flex:none;width:42px;height:42px}.login-visual h1{letter-spacing:0;max-width:720px;margin:auto 0 18px;font-size:clamp(40px,6vw,76px);line-height:1}.login-visual p{color:#ffffffc2;max-width:560px;font-size:18px}.metric-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.metric-strip span,.login-card,.overview-band,.agent-card,.history-pane,.chat-pane,.table-card,.editor-panel,.stat-card{background:#ffffffd6;border:1px solid #94a3b83d;box-shadow:0 18px 60px #0f172a14}.metric-strip span{color:#ffffffd1;background:#ffffff1a;border-radius:8px;padding:16px}.metric-strip b{color:#fff;font-size:22px;display:block}.login-card{border-radius:8px;width:100%;padding:34px}.login-card h2,.page-header h1,.chat-header h1,.agent-card h2{letter-spacing:0;margin:0}.eyebrow{color:#0f766e;letter-spacing:0;margin:0 0 8px;font-size:12px;font-weight:800}.stack,.editor-panel{gap:16px;display:grid}label{color:#475569;gap:8px;font-size:13px;font-weight:700;display:grid}input,textarea,select{color:#172033;background:#fff;border:1px solid #d6dde8;border-radius:8px;outline:none;width:100%;padding:12px 13px}textarea{resize:vertical;min-height:96px}input:focus,textarea:focus,select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.primary,.danger,.secondary,.hint-grid button,.admin-tabs button,.sidebar nav button,.icon-button,.history-item,.copy-button,.brand-button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.primary{color:#fff;background:#2563eb;min-height:44px;padding:0 18px;font-weight:800}.primary:disabled{opacity:.55;cursor:not-allowed}.danger{color:#991b1b;background:#fee2e2;min-height:44px;padding:0 16px;font-weight:900}.secondary{color:#0f172a;background:#f1f5f9;height:40px;padding:0 14px;font-weight:800}.hint-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.hint-grid button{color:#475569;background:#f8fafc;height:38px}.portal-switch{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.portal-switch button{color:#475569;text-align:left;background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 10px;min-height:82px;padding:12px;font-weight:900;display:grid}.portal-switch button small{color:#64748b;grid-column:2;font-size:12px;font-weight:700}.portal-switch button.active{color:#0f172a;background:#e0f2fe;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#ffffffdb;border-right:1px solid #94a3b838;flex-direction:column;gap:24px;min-height:100vh;padding:22px 16px;display:flex}.brand-button{color:#172033;background:0 0;justify-content:flex-start;width:100%;padding:8px;font-size:17px;font-weight:900}.sidebar nav{gap:8px;display:grid}.sidebar nav button{color:#64748b;background:0 0;justify-content:flex-start;min-height:42px;padding:0 12px;font-weight:800}.sidebar nav button.active,.history-item.active,.admin-tabs button.active{color:#0f172a;background:#e0f2fe}.account-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:10px;margin-top:auto;padding:12px}.account-box strong,.account-box small{text-overflow:ellipsis;max-width:128px;display:block;overflow:hidden}.account-box small{color:#64748b}.avatar,.icon-button{color:#2563eb;background:#fff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.icon-button{margin-left:auto}.main-pane{min-width:0}.page{padding:28px}.page-header,.chat-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.page-header h1,.chat-header h1{font-size:30px}.demo-pill,.status-dot,.badge,.model-tag{border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.demo-pill{color:#92400e;background:#fef3c7}.overview-band{border-radius:8px;justify-content:space-between;gap:16px;margin-bottom:18px;padding:18px 20px}.overview-band div:first-child{align-items:center;gap:10px;display:flex}.small-kpis{color:#64748b;gap:8px;font-size:13px}.small-kpis span{background:#f1f5f9;border-radius:999px;padding:7px 10px}.agent-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.agent-card{border-radius:8px;flex-direction:column;gap:14px;min-height:236px;padding:20px;display:flex}.agent-card p{color:#64748b;margin:0;line-height:1.7}.agent-card .secondary{margin-top:auto}.agent-icon{border-radius:8px;width:42px;height:42px}.skeleton{position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffa6,#0000);animation:1.4s infinite scan;position:absolute;inset:0}@keyframes scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.chat-layout{grid-template-columns:300px minmax(0,1fr);gap:18px;height:100vh;padding:18px;display:grid}.history-pane,.chat-pane{border-radius:8px}.history-pane{padding:14px;overflow:hidden}.history-title{color:#334155;justify-content:space-between;margin-bottom:10px;font-weight:900}.history-title span{align-items:center;gap:8px;display:inline-flex}.history-item{color:#64748b;text-align:left;background:0 0;grid-template-columns:auto minmax(0,1fr) auto;justify-content:flex-start;width:100%;min-height:42px;padding:0 10px;display:grid}.history-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-actions{opacity:0;pointer-events:none;gap:4px;display:inline-flex}.history-item:hover .history-actions,.history-item.active .history-actions{opacity:1;pointer-events:auto}.history-actions button{color:#475569;background:#ffffffbd;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.history-actions button:hover{color:#2563eb;background:#fff}.chat-pane{background:#ffffffb8;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;display:grid}.chat-header{border-bottom:1px solid #e2e8f0;margin-bottom:0;padding:22px 24px 12px}.status-dot{color:#047857;background:#d1fae5}.messages{padding:24px;overflow:auto}.empty-chat{text-align:center;place-items:center;gap:18px;max-width:620px;margin:12vh auto;display:grid}.empty-chat h2{font-size:22px;line-height:1.6}.message{gap:8px;max-width:760px;margin:0 0 14px;position:relative}.message.user{justify-content:flex-end;margin-left:auto}.message-body{white-space:pre-wrap;border-radius:8px;padding:14px 16px;line-height:1.75}.message.user .message-body{color:#fff;background:#2563eb}.message.assistant .message-body{background:#f8fafc;border:1px solid #e2e8f0}.copy-button{color:#64748b;background:#fff;border:1px solid #e2e8f0;width:30px;height:30px}.typing{color:#64748b;padding-left:8px;font-size:13px}.composer{border-top:1px solid #e2e8f0;grid-template-columns:minmax(0,1fr) 48px;gap:10px;padding:14px;display:grid}.composer textarea{min-height:52px;max-height:160px}.icon-send{width:48px;height:48px;padding:0}.admin-tabs{gap:8px;margin-bottom:16px;overflow:auto}.admin-tabs button{color:#64748b;white-space:nowrap;background:#fff;min-height:40px;padding:0 14px;font-weight:900}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.stat-card{border-radius:8px;padding:18px}.stat-card span{color:#64748b;font-weight:800}.stat-card strong{margin-top:12px;font-size:32px;display:block}.split-admin{grid-template-columns:minmax(260px,.9fr) minmax(360px,1.1fr);gap:16px;display:grid}.table-card,.editor-panel{border-radius:8px;padding:14px}.editor-panel h2{margin:0}.admin-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #e2e8f0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;width:100%;min-height:60px;padding:10px;display:grid}.admin-row:last-child{border-bottom:0}.admin-row span:first-child{min-width:0}.admin-row strong,.admin-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-row small{color:#64748b;margin-top:4px}.admin-row.static{cursor:default}.badge.active{color:#047857;background:#d1fae5}.badge.draft{color:#92400e;background:#fef3c7}.badge.disabled{color:#991b1b;background:#fee2e2}.model-tag{color:#334155;background:#f1f5f9}.inline-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.editor-actions{grid-template-columns:auto 1fr;gap:10px;display:grid}.prompt-field{min-height:180px}.empty-state{color:#64748b;text-align:center;padding:36px}.toast{z-index:20;border-radius:8px;max-width:360px;padding:12px 14px;font-weight:800;position:fixed;top:18px;right:18px;box-shadow:0 18px 48px #0f172a2e}.toast.ok{color:#065f46;background:#d1fae5}.toast.error{color:#991b1b;background:#fee2e2}@media (width<=980px){.login-page,.app-shell,.chat-layout,.split-admin{grid-template-columns:1fr}.login-page{padding:18px}.login-visual{min-height:360px;padding:28px}.app-shell{min-height:100vh}.sidebar{flex-direction:row;align-items:center;min-height:auto;overflow:auto}.sidebar nav{grid-auto-columns:max-content;grid-auto-flow:column}.account-box{margin-top:0;margin-left:auto}.chat-layout{height:auto;padding:12px}.history-pane{max-height:180px}}@media (width<=640px){.metric-strip,.inline-fields,.portal-switch{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr;display:grid}.account-box{margin-left:0}.page{padding:16px}.overview-band,.page-header{display:grid}}