@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--nav-w:280px;--nav-c:48px;--chat-w:340px;--topbar:48px;--aibar:56px;--bg:#f5f4f1;--surface:#ffffff;--border:#e8e4de;--border2:#ccc8c2;--text:#1a1917;--muted:#8a857c;--muted2:#c0bbb2;--blue:#2356c8;--blue-bg:#eef2fd;--blue-bd:#c5d4f8;--green:#2a7d46;--green-bg:#e8f5ed;--orange:#c45e0a;--orange-bg:#fef0e4;--purple:#6b3faa;--purple-bg:#f2ecfb;--red:#b83232;--red-bg:#fdeaea;--yellow-bg:#fef9e4;--yellow-text:#7a6108;--radius:10px;--rsm:7px}html,body{height:100%;overflow:hidden;font-family:DM Sans,sans-serif;font-size:14px;color:var(--text);background:var(--bg)}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;z-index:200;gap:0}.tb-brand{display:flex;align-items:center;gap:9px;width:var(--nav-w);padding:0 16px;flex-shrink:0;overflow:hidden;transition:width .28s cubic-bezier(.4,0,.2,1)}.tb-brand.coll{width:var(--nav-c)}.brand-mark{width:26px;height:26px;background:var(--blue);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-name{font-size:14px;font-weight:600;white-space:nowrap;transition:opacity .2s}.tb-brand.coll .brand-name{opacity:0;pointer-events:none}.tb-toggle{width:var(--nav-c);height:var(--topbar);display:flex;align-items:center;justify-content:center;background:none;border:none;border-right:1px solid var(--border);cursor:pointer;color:var(--muted);flex-shrink:0;transition:background .12s,color .12s}.tb-toggle:hover{background:#f0ede8;color:var(--text)}.tb-mid{flex:1;display:flex;align-items:center;gap:10px;padding:0 16px}.tb-right{display:flex;align-items:center;gap:8px;padding-right:14px;flex-shrink:0}.tb-meta{font-size:12px;color:var(--muted);font-weight:500}.tb-ico{width:30px;height:30px;border:1px solid var(--border);border-radius:var(--rsm);background:transparent;display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;transition:all .12s}.tb-ico:hover{background:#f0ede8;border-color:var(--border2);color:var(--text)}.refresh-btn{display:flex;align-items:center;gap:7px;padding:0 14px;height:32px;border:1px solid var(--border2);border-radius:var(--rsm);background:transparent;font-family:inherit;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;letter-spacing:.02em;transition:all .14s}.refresh-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-bg)}.user-av{width:28px;height:28px;border-radius:50%;background:var(--blue-bg);border:1.5px solid var(--blue-bd);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--blue);cursor:pointer;flex-shrink:0}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0;box-shadow:0 0 0 2px #fff}.aibar-wrap{position:sticky;top:0;left:auto;right:auto;z-index:20;background:var(--surface);border-bottom:1px solid var(--border);height:var(--aibar);display:flex;align-items:center;padding:0 20px;gap:12px;box-shadow:0 2px 12px #0000000f;transition:background .3s}.aibar-wrap.active{background:#f0f4ff;border-bottom-color:var(--blue-bd)}.ai-star{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--blue-bg),var(--purple-bg));border:1px solid var(--blue-bd);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s}.aibar-wrap.active .ai-star{transform:rotate(20deg) scale(1.1)}.aibar-input{flex:1;background:transparent;border:none;outline:none;font-family:inherit;font-size:15px;color:var(--text);font-weight:400}.aibar-input::placeholder{color:var(--muted2)}.aibar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.aibar-hint{font-size:11px;color:var(--muted2);font-style:italic;transition:opacity .2s}.aibar-wrap.active .aibar-hint{opacity:0}.aibar-send{width:32px;height:32px;border-radius:var(--rsm);background:var(--blue);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:opacity .2s,transform .2s}.aibar-wrap.active .aibar-send{opacity:1;transform:scale(1)}.aibar-send:hover{background:#1a3fa0}.aibar-esc{font-size:11px;color:var(--muted);background:#f0ede8;border:none;padding:3px 8px;border-radius:5px;cursor:pointer;font-family:inherit;transition:opacity .2s;display:flex;align-items:center;gap:4px}.aibar-esc:hover{background:var(--border)}.aibar-esc.hidden{opacity:0;pointer-events:none}.shell{display:flex;height:100vh;padding-top:var(--topbar);overflow:hidden}.main-area{flex:1;display:flex;overflow:hidden;min-width:0}.pbi-pane{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;transition:flex .3s cubic-bezier(.4,0,.2,1)}.pbi-inner{flex:1;overflow:auto;padding:0!important;display:flex;flex-direction:column;gap:14px}.pbi-inner::-webkit-scrollbar{width:5px}.pbi-inner::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.pbi-report-hdr{background:#fff;border:1px solid var(--border);border-top:none;padding:10px 16px;display:flex;align-items:center;gap:12px;flex-shrink:0}.chat-panel{width:0;flex-shrink:0;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transition:width .32s cubic-bezier(.4,0,.2,1)}.chat-panel.open{width:var(--chat-w)}.cp-hdr{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-shrink:0}.msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px;min-height:0;scroll-behavior:smooth}.cp-foot{border-top:1px solid var(--border);flex-shrink:0}.msg{display:flex;flex-direction:column;gap:3px}.msg.a{align-items:flex-start}.msg.u{align-items:flex-end}.bbl{padding:10px 13px;border-radius:10px;font-size:13px;line-height:1.65;max-width:92%;word-break:break-word}.msg.a .bbl{background:var(--bg);border:1px solid var(--border);border-bottom-left-radius:3px;color:var(--text)}.msg.u .bbl{background:var(--text);color:#fff;border-bottom-right-radius:3px}.msg-time{font-size:10px;color:var(--muted);padding:0 3px}@keyframes spin{to{transform:rotate(360deg)}}.App{width:100%;min-height:100vh;background-color:#f5f4f1;color:#1a1917;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}