*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Inter,sans-serif;background:#f8fafc;color:#1e293b}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-shell{display:flex;height:100vh;overflow:hidden}.chat-panel{flex:1;display:flex;flex-direction:column;min-width:0}.chat-header{padding:14px 20px;border-bottom:1px solid #e2e8f0;background:#2563eb;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.chat-header-title{font-weight:700;font-size:17px}.chat-header-sub{font-size:12px;opacity:.8}.header-actions{display:flex;align-items:center;gap:8px}.btn-ghost{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 14px;border-radius:20px;cursor:pointer;font-size:13px;white-space:nowrap}.btn-ghost:hover{background:#ffffff40}.btn-summary-toggle{display:none}.messages-area{flex:1;overflow-y:auto;padding:16px;background:#f8fafc}.typing-indicator{display:flex;justify-content:flex-start;margin-bottom:12px}.typing-bubble{padding:10px 16px;background:#f1f5f9;border-radius:4px 16px 16px;font-size:20px;letter-spacing:4px;color:#94a3b8}.input-bar{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #e2e8f0;background:#fff;flex-shrink:0}.input-bar input{flex:1;padding:10px 14px;border:1px solid #cbd5e1;border-radius:24px;font-size:14px;outline:none;color:#1e293b;font-family:inherit;transition:border-color .2s;min-width:0}.input-bar input:focus{border-color:#2563eb}.input-bar input:disabled{background:#f8fafc}.btn-send{padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s;flex-shrink:0}.btn-send:disabled{background:#94a3b8;cursor:not-allowed}.btn-send:not(:disabled):hover{background:#1d4ed8}.sidebar{width:280px;flex-shrink:0;background:#fff;border-left:1px solid #e2e8f0;padding:20px 16px;display:flex;flex-direction:column;overflow-y:auto}.sidebar-heading{margin:0 0 16px;font-size:16px;font-weight:600;color:#1e293b}.sidebar-empty{color:#94a3b8;font-size:13px;text-align:center;margin-top:40px}.sidebar-items{flex:1;overflow-y:auto}.sidebar-row{padding:10px 0;border-bottom:1px solid #f1f5f9}.sidebar-row-name{font-weight:500;text-transform:capitalize;font-size:14px}.sidebar-row-meta{font-size:12px;color:#64748b;margin-top:2px}.sidebar-row-cost{font-weight:600;color:#2563eb;font-size:14px;margin-top:2px}.sidebar-total{border-top:2px solid #e2e8f0;padding-top:12px;margin-top:8px;display:flex;justify-content:space-between;align-items:center}.sidebar-total-label{font-weight:600;font-size:15px}.sidebar-total-value{font-weight:700;font-size:18px;color:#2563eb}.message-row{display:flex;margin-bottom:12px}.message-row.user{justify-content:flex-end}.message-row.bot{justify-content:flex-start}.bot-avatar{width:32px;height:32px;border-radius:50%;background:#2563eb;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;margin-right:8px;flex-shrink:0;align-self:flex-end}.bubble{max-width:72%;padding:10px 14px;font-size:14px;line-height:1.6;box-shadow:0 1px 2px #0000000f;word-break:break-word}.bubble.bot{background:#f1f5f9;color:#1e293b;border-radius:4px 16px 16px}.bubble.user{background:#2563eb;color:#fff;border-radius:16px 4px 16px 16px}.bubble.error{background:#fee2e2;color:#991b1b;border-radius:4px 16px 16px}.bubble-time{font-size:11px;margin-top:4px;opacity:.55}.bubble-time.bot{text-align:left}.bubble-time.user{text-align:right}.sidebar-backdrop{display:none}@media (max-width: 640px){.btn-summary-toggle{display:flex;align-items:center;gap:4px}.sidebar{position:fixed;bottom:0;left:0;right:0;width:100%;height:60vh;border-left:none;border-top:2px solid #e2e8f0;border-radius:20px 20px 0 0;z-index:100;transform:translateY(100%);transition:transform .3s ease;box-shadow:0 -4px 24px #0000001f}.sidebar.open{transform:translateY(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:99;opacity:0;pointer-events:none;transition:opacity .3s}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.sidebar:before{content:"";display:block;width:40px;height:4px;background:#cbd5e1;border-radius:2px;margin:0 auto 16px}.bubble{max-width:88%}.btn-send{padding:10px 14px}.sidebar-close-btn{display:block!important}}