@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{margin:0;background:#0a0f1c}.app{min-height:100vh;font-family:Noto Sans Thai,system-ui,sans-serif;padding:18px;color:#e9eef7}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.crest{width:40px;height:40px;border:1.5px solid;border-radius:50%;display:grid;place-items:center;font-family:Playfair Display,serif;font-size:20px;font-weight:700}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:600}.wordmark{font-family:Playfair Display,serif;font-size:26px;font-weight:700;margin:0;line-height:1.1}.stat{font-size:14px}.dot{margin:0 8px;opacity:.5}.err{max-width:760px;margin:0 auto 14px;background:#3a1620;border:1px solid #6b2233;color:#ffb3c0;padding:10px 14px;border-radius:10px;font-size:13px}.chatWrap{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;display:flex;justify-content:flex-end;z-index:50;pointer-events:none}.chatCard{pointer-events:auto;width:440px;max-width:100%;height:100%;border-left:1px solid;display:flex;flex-direction:column;box-shadow:-20px 0 50px #00000080}.chatHead{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid}.chatIcon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.chatTitle{flex:1;min-width:0}.backBtn{background:none;border:none;cursor:pointer;padding:6px;display:grid;place-items:center}.kpiRow{display:flex;gap:8px;padding:12px 14px}.kpiChip{flex:1;border:1px solid;border-radius:10px;padding:8px 10px}.chatBody{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.empty{margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px}.empty p{margin:2px 0}.bubbleUser{align-self:flex-end;max-width:85%;padding:10px 14px;border-radius:16px 16px 4px;font-size:14px;line-height:1.5;white-space:pre-wrap}.bubbleAI{align-self:flex-start;max-width:90%;padding:10px 14px;border:1px solid;border-radius:16px 16px 16px 4px;font-size:14px;line-height:1.55;white-space:pre-wrap;display:flex;gap:8px;align-items:flex-start}.toolTag{display:flex;align-items:center;gap:4px;font-size:11px;margin:4px 0 0 4px}.chatInput{display:flex;gap:8px;padding:12px 14px;border-top:1px solid}.chatInput input{flex:1;border:1px solid;border-radius:12px;padding:11px 14px;font-size:14px;outline:none;font-family:inherit}.sendBtn{border:none;border-radius:12px;width:46px;display:grid;place-items:center;cursor:pointer}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.chatWrap{justify-content:center}.chatCard{width:100%;border-left:none}.wordmark{font-size:22px}}