@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:DM Sans,sans-serif}.app{--bg:#f4f3ef;--panel:#ecebe6;--card:#fffefa;--line:#dcdad2;--text:#191a18;--muted:#74766f;--orange:#f26a22;--orange2:#ff9654;--green:#8ac93f;--soft:#f0eee8;background:var(--bg);height:100%;color:var(--text);transition:all .2s;display:flex}.app.dark{--bg:#0c0e0d;--panel:#121513;--card:#171a18;--line:#292d2a;--text:#f6f4ed;--muted:#999d96;--soft:#202420}button,input,textarea{font:inherit}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:12px;width:286px;padding:15px 14px;transition:all .25s;display:flex;position:relative}.sidebar.collapsed{width:74px;padding-inline:10px}.brand-row{align-items:center;gap:10px;min-height:45px;display:flex}.logo-mark,.hero-logo{background:linear-gradient(145deg,var(--orange),#ff9147);color:#19100a;place-items:center;display:grid;box-shadow:inset 0 1px #ffc79e,0 8px 24px #f26a2230}.logo-mark{border-radius:12px;flex:none;width:39px;height:39px}.logo-mark span,.hero-logo span{font:800 23px Manrope;transform:rotate(-4deg)}.brand{letter-spacing:.3px;font:700 15px Manrope}.brand b{color:var(--orange)}.brand-sub{color:var(--muted);margin-top:2px;font-size:10px}.icon-btn{border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.collapse{background:0 0;border:none;margin-left:auto}.new-chat{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#241209;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:43px;font-weight:700;display:flex;box-shadow:0 8px 20px #f26a221f}.search-box{border:1px solid var(--line);background:var(--card);height:39px;color:var(--muted);border-radius:11px;align-items:center;gap:8px;padding:0 11px;display:flex}.search-box input{color:var(--text);background:0 0;border:0;outline:0;width:100%;font-size:13px}nav{flex-direction:column;gap:3px;display:flex}.nav-item{color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;height:39px;padding:0 11px;display:flex}.nav-item:hover,.nav-item.active{background:var(--card);color:var(--text)}.nav-item.active svg{color:var(--orange)}.nav-item span{flex:1;font-size:13px;font-weight:600}.nav-item b{background:var(--soft);border-radius:10px;padding:2px 6px;font-size:10px}.recent{border-top:1px solid var(--line);flex-direction:column;padding-top:14px;display:flex}.eyebrow{letter-spacing:1.5px;color:var(--muted);padding:0 10px 6px;font-size:10px;font-weight:700}.recent button{text-align:left;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;padding:8px 10px;font-size:12px;overflow:hidden}.recent button:hover{color:var(--text)}.sidebar-bottom{border-top:1px solid var(--line);margin-top:auto;padding-top:8px}.profile{align-items:center;gap:9px;padding:9px;display:flex}.avatar{color:#e9f9db;background:#344037;border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:grid}.profile strong,.profile small{display:block}.profile strong{font-size:12px}.profile small{color:var(--muted);margin-top:2px;font-size:10px}.main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;justify-content:space-between;align-items:center;height:66px;padding:0 24px;display:flex}.model-pill,.web-toggle{border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:7px;height:36px;padding:0 11px;display:flex}.model-pill span{font-size:12px;font-weight:700}.mode-menu{background:var(--card);border:1px solid var(--line);z-index:10;border-radius:14px;width:260px;padding:7px;position:absolute;top:56px;left:24px;box-shadow:0 18px 55px #0005}.mode-menu button{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:9px;grid-template-rows:18px 16px;grid-template-columns:27px 1fr;padding:8px;display:grid}.mode-menu button:hover{background:var(--soft)}.mode-menu svg{color:var(--orange);grid-row:1/3;align-self:center}.mode-menu span{font-size:12px;font-weight:700}.mode-menu small{color:var(--muted);font-size:10px}.top-actions{align-items:center;gap:9px;display:flex}.web-toggle{font-size:11px}.web-toggle b{color:var(--orange);letter-spacing:.7px;font-size:9px}.status-dot{color:var(--muted);align-items:center;gap:6px;margin-left:5px;font-size:10px;display:flex}.status-dot i{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #8ac93f80}.conversation{flex:1;place-items:center;padding:35px 24px 190px;display:grid;overflow:auto}.conversation.has-messages{display:block}.welcome{text-align:center;width:min(860px,100%);margin:auto}.hero-logo{border-radius:22px;width:66px;height:66px;margin:0 auto 19px;position:relative}.hero-logo span{font-size:37px}.hero-logo i{background:var(--green);border:2px solid var(--bg);border-radius:50%;width:9px;height:9px;position:absolute;bottom:5px;right:1px}.kicker{color:var(--orange);letter-spacing:2px;justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.welcome h1{letter-spacing:-2.2px;margin:12px auto;font:800 clamp(32px,4vw,54px)/1.05 Manrope}.welcome h1 em{color:var(--orange);font-style:normal}.welcome>p{max-width:660px;color:var(--muted);margin:0 auto;font-size:14px;line-height:1.7}.starter-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:32px;display:grid}.prompt-card{border:1px solid var(--line);background:var(--card);color:var(--text);text-align:left;cursor:pointer;border-radius:15px;grid-template-rows:20px auto;grid-template-columns:36px 1fr;column-gap:10px;padding:16px;transition:all .18s;display:grid;position:relative}.prompt-card:hover{border-color:#f26a2266;transform:translateY(-2px);box-shadow:0 10px 30px #0001}.prompt-icon{width:34px;height:34px;color:var(--orange);background:#f26a2218;border-radius:9px;grid-row:1/3;place-items:center;display:grid}.prompt-card strong{font-size:12px}.prompt-card span:not(.arrow){color:var(--muted);margin-top:3px;font-size:11px}.prompt-card .arrow{color:var(--muted);position:absolute;top:13px;right:14px}.messages{max-width:820px;margin:0 auto;padding-top:15px}.message{gap:12px;margin:17px 0;display:flex}.message.user{justify-content:flex-end}.assistant-mark{background:var(--orange);color:#1e1108;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font:800 16px Manrope;display:grid}.bubble{max-width:82%;font-size:14px;line-height:1.68}.user .bubble{background:var(--card);border:1px solid var(--line);border-radius:16px 16px 4px;padding:11px 14px}.assistant .bubble{padding:2px 0}.bubble pre{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;overflow:auto}.composer-wrap{background:linear-gradient(transparent,var(--bg) 30%);padding:35px 24px 15px;position:absolute;bottom:0;left:0;right:0}.composer{border:1px solid var(--line);background:var(--card);border-radius:18px;width:min(850px,100%);margin:auto;padding:12px;box-shadow:0 18px 60px #0002}.composer textarea{resize:none;width:100%;min-height:42px;max-height:160px;color:var(--text);background:0 0;border:0;outline:0;padding:4px 5px;font-size:14px}.composer-tools{justify-content:space-between;align-items:center;display:flex}.composer-tools>div{gap:5px;display:flex}.tool-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.tool-btn:hover{background:var(--soft);color:var(--text)}.send-btn{background:var(--orange);color:#241209;cursor:pointer;border:0;border-radius:11px;place-items:center;width:37px;height:37px;display:grid}.send-btn:disabled{opacity:.35;cursor:not-allowed}.composer-meta{width:min(850px,100%);color:var(--muted);justify-content:space-between;margin:7px auto 0;font-size:9px;display:flex}.composer-meta kbd{border:1px solid var(--line);background:var(--card);border-radius:4px;padding:1px 3px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=850px){.sidebar{z-index:20;height:100%;position:absolute;box-shadow:15px 0 40px #0004}.sidebar.collapsed{width:286px;transform:translate(-100%)}.topbar{padding-left:15px}.status-dot{display:none}.starter-grid{grid-template-columns:1fr}.welcome h1{letter-spacing:-1.5px}.composer-meta span:last-child{display:none}.conversation{padding-inline:15px}.bubble{max-width:90%}}.top-left{align-items:center;gap:8px;display:flex;position:relative}.rag-pill{border:1px solid var(--line);background:var(--card);height:34px;color:var(--muted);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:0 10px;font-size:11px;display:flex}.rag-pill b{font-size:9px}.rag-pill.on{color:var(--orange);background:#f26a2210;border-color:#f26a2266}.kb-select{border:1px solid var(--line);background:var(--card);max-width:180px;height:34px;color:var(--text);border-radius:10px;outline:0;padding:0 8px;font-size:11px}.active-tool{color:var(--orange)!important;background:#f26a2212!important}.citations{border:1px solid var(--line);background:var(--card);border-radius:12px;flex-direction:column;gap:5px;margin-top:16px;padding:12px;display:flex}.citations strong{text-transform:uppercase;letter-spacing:1.4px;color:var(--orange);font-size:10px}.citations span{color:var(--muted);font-size:10px}.workspace-page{height:calc(100% - 65px);padding:34px clamp(18px,4vw,54px) 60px;overflow:auto}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;max-width:1150px;margin:0 auto 28px;display:flex}.page-heading h2{letter-spacing:-1px;margin:5px 0;font:800 32px Manrope}.page-heading p{color:var(--muted);margin:0;font-size:13px}.orange{color:var(--orange)!important}.primary-action{background:var(--orange);color:#211107;cursor:pointer;border:0;border-radius:11px;align-items:center;gap:7px;padding:10px 14px;font-size:11px;font-weight:700;display:flex}.notice,.upload-progress,.stats-row,.data-card,.kb-grid{max-width:1150px;margin-left:auto;margin-right:auto}.notice{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:11px;margin-bottom:14px;padding:10px 13px;font-size:11px}.upload-progress{background:#f26a220b;border:1px solid #f26a2245;border-radius:14px;grid-template-columns:24px 1fr 180px;align-items:center;gap:11px;margin-bottom:14px;padding:13px;display:grid}.upload-progress div{flex-direction:column;display:flex}.upload-progress strong{font-size:11px}.upload-progress span{color:var(--muted);font-size:9px}.upload-progress i{background:var(--soft);border-radius:9px;height:6px;overflow:hidden}.upload-progress i b{background:var(--orange);height:100%;transition:all .2s;display:block}.stats-row{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.stat-card{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:16px}.stat-card strong{font:800 24px Manrope;display:block}.stat-card span{color:var(--muted);font-size:10px}.data-card{border:1px solid var(--line);background:var(--card);border-radius:16px;overflow:hidden}.table-head,.table-row{grid-template-columns:minmax(260px,2fr) 120px 70px 80px 100px;align-items:center;gap:10px;padding:11px 15px;display:grid}.table-head{background:var(--soft);color:var(--muted);text-transform:uppercase;letter-spacing:.7px;font-size:9px;font-weight:700}.table-row{border-top:1px solid var(--line);font-size:11px}.doc-name{align-items:center;gap:9px;min-width:0;display:flex}.doc-name>svg{color:var(--orange);flex:none}.doc-name div{flex-direction:column;min-width:0;display:flex}.doc-name strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.doc-name small{color:var(--muted);font-size:9px}.status-badge{background:var(--soft);border-radius:99px;align-items:center;gap:4px;padding:4px 7px;font-size:8px;display:inline-flex}.status-badge.ready{color:#79bb3d}.status-badge.failed{color:#ef6a6a}.status-badge.processing{color:var(--orange)}.mini-action{border:1px solid var(--line);background:var(--soft);color:var(--text);cursor:pointer;border-radius:7px;align-items:center;gap:3px;padding:5px 7px;font-size:9px;display:inline-flex}.mini-action:disabled{opacity:.35;cursor:not-allowed}.empty-row{text-align:center;color:var(--muted);padding:35px;font-size:11px}.kb-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.kb-card{border:1px solid var(--line);background:var(--card);min-height:160px;color:var(--text);text-align:left;cursor:pointer;border-radius:16px;flex-direction:column;gap:6px;padding:17px;transition:all .18s;display:flex}.kb-card:hover,.kb-card.selected{border-color:#f26a2277;transform:translateY(-2px)}.kb-card.selected{box-shadow:inset 0 0 0 1px #f26a2233}.kb-icon{width:38px;height:38px;color:var(--orange);background:#f26a2213;border-radius:11px;place-items:center;margin-bottom:8px;display:grid}.kb-card strong{font:700 13px Manrope}.kb-card span{color:var(--muted);font-size:10px;line-height:1.5}.kb-card small{color:var(--orange);margin-top:auto;font-size:9px}.kb-card.new{text-align:center;color:var(--muted);border-style:dashed;justify-content:center;align-items:center}.placeholder{text-align:center;align-content:center;place-items:center;display:grid}.placeholder h2{margin:14px 0 4px;font:800 32px Manrope}.placeholder p{max-width:470px;color:var(--muted);font-size:12px}.placeholder .hero-logo{margin:0}@media (width<=900px){.stats-row,.kb-grid{grid-template-columns:1fr 1fr}.table-head,.table-row{grid-template-columns:minmax(190px,2fr) 90px 60px 70px}.table-head span:last-child,.table-row>span:last-child,.kb-select{display:none}.upload-progress{grid-template-columns:24px 1fr}.upload-progress i{grid-column:1/3;width:100%}}@media (width<=620px){.stats-row,.kb-grid{grid-template-columns:1fr}.page-heading{flex-direction:column;align-items:flex-start}.top-left .rag-pill{display:none}.workspace-page{padding:24px 14px 40px}.table-head,.table-row{grid-template-columns:minmax(160px,2fr) 85px 60px}.table-head span:nth-child(4),.table-row>span:nth-child(4){display:none}}