@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#f8fafc;--card:#fff;--muted:#64748b;--text:#0f172a;--text-secondary:#475569;--brand:#2563eb;--brand-light:#eff6ff;--brand-hover:#1d4ed8;--success:#059669;--success-light:#d1fae5;--danger:#dc2626;--danger-light:#fee2e2;--warning:#d97706;--warning-light:#fef3c7;--border:#e2e8f0;--border-hover:#cbd5e1;--radius:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 8px 24px #0f172a1f;--shadow-xl:0 16px 40px #0f172a29;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{scroll-behavior:smooth;height:100%}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}*{scrollbar-width:thin;scrollbar-color:var(--border)transparent}.container{max-width:1200px;margin:0 auto;padding:0 24px}.row{align-items:center;gap:12px;display:flex}.grow{flex:1}.stack{gap:12px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:all var(--transition-base);padding:18px}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.badge{background:var(--brand-light);color:var(--brand);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge.success{background:var(--success-light);color:var(--success)}.badge.danger{background:var(--danger-light);color:var(--danger)}.badge.warning{background:var(--warning-light);color:var(--warning)}.input{border:1.5px solid var(--border);border-radius:var(--radius);width:100%;transition:all var(--transition-base);background:var(--card);color:var(--text);padding:12px 16px;font-family:inherit;font-size:14px}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #2563eb1a}.input:disabled{background:var(--bg);cursor:not-allowed;opacity:.6}.btn{border:1px solid var(--border);background:var(--card);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-base);color:var(--text);justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.btn:hover{background:var(--bg);border-color:var(--border-hover)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 2px 8px #2563eb40}.btn.primary:hover{background:var(--brand-hover);box-shadow:0 4px 12px #2563eb59}.btn.danger{border-color:var(--border);color:var(--danger);background:0 0}.btn.danger:hover{background:var(--danger-light);border-color:var(--danger)}.chat-list{flex-direction:column;gap:16px;padding:4px;display:flex}.bubble{border-radius:var(--radius-lg);max-width:85%;padding:14px 18px;animation:.3s ease-out messageSlideIn}.bubble.me{background:var(--brand);color:#fff;border-radius:16px 16px 4px;margin-left:auto;box-shadow:0 2px 8px #2563eb33}.bubble.you{background:var(--card);border:1px solid var(--border);border-radius:16px 16px 16px 4px}.table{border-collapse:collapse;width:100%;font-size:13px}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;padding:12px 16px}.table th{background:var(--bg);color:var(--text);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.table tbody tr:hover{background:var(--bg)}.code{white-space:pre-wrap;word-break:break-word;color:#e2e8f0;border-radius:var(--radius);background:#1e293b;padding:16px;font-family:Fira Code,Monaco,Consolas,monospace;font-size:13px;line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--bg)25%,var(--border)50%,var(--bg)75%);background-size:1000px 100%;border-radius:8px;animation:2s infinite shimmer}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading-dots{gap:4px;display:inline-flex}.loading-dots span{background:var(--brand);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite bounce}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (max-width:768px){.container{padding:0 16px}.card{padding:14px}.bubble{max-width:95%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}