:root{--orange:#c84b31;--orange-dark:#a83a23;--navy:#141928;--navy-mid:#1c2438;--navy-light:#242e48;--white:#fff;--bg:#f7f8fa;--border:#e8eaed;--text:#1a1a1a;--muted:#6b7280;--sidebar-w:256px;--font:"Inter", system-ui, -apple-system, sans-serif;--radius:10px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);height:100vh;overflow:hidden}.app{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--navy);z-index:100;flex-direction:column;transition:transform .25s;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--navy-light);padding:22px 18px 16px}.logo{letter-spacing:-.3px;font-weight:600}.logo-straight{color:#1a1a1a}.sidebar .logo-straight{color:#fff}.logo-accent{color:var(--orange)}.btn-new{background:var(--navy-light);color:#ffffffd9;cursor:pointer;font:13px var(--font);border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;margin:12px 10px 6px;padding:9px 14px;transition:all .15s;display:flex}.btn-new:hover{background:var(--orange);border-color:var(--orange);color:#fff}.conv-list{flex:1;padding:6px 8px;overflow-y:auto}.conv-empty{color:#ffffff40;text-align:center;padding:14px 10px;font-size:12px}.conv-item{color:#ffffff80;width:100%;font:13px var(--font);cursor:pointer;text-align:left;background:0 0;border:none;border-left:2px solid #0000;border-radius:7px;align-items:center;gap:9px;padding:9px 11px;transition:all .15s;display:flex}.conv-item:hover{background:var(--navy-light);color:#ffffffe6}.conv-item.active{background:var(--navy-light);color:#fff;border-left-color:var(--orange)}.conv-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-footer{border-top:1px solid var(--navy-light);color:#fff3;text-transform:uppercase;letter-spacing:.6px;padding:12px 18px;font-size:11px}.chat-main{background:var(--bg);flex-direction:column;flex:1;padding:5vh 15%;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--border);background:var(--white);align-items:center;gap:12px;padding:12px 0;display:none}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:4px;display:flex}.hamburger span{background:var(--text);border-radius:2px;width:20px;height:2px;display:block}.header-badge{background:var(--bg);color:var(--muted);border-radius:20px;margin-left:auto;padding:3px 9px;font-size:11px}.messages{background:var(--white);border-radius:12px 12px 0 0;flex-direction:column;flex:1;gap:18px;padding:32px 32px 24px;display:flex;overflow-y:auto}.empty-state{text-align:center;max-width:520px;margin:auto;padding:48px 20px}.empty-state h2{color:var(--text);margin:18px 0 8px;font-size:20px;font-weight:600}.empty-state p{color:var(--muted);margin-bottom:28px;font-size:14px;line-height:1.6}.suggestions{flex-direction:column;gap:8px;display:flex}.suggestion{background:var(--bg);border:1px solid var(--border);font:13px var(--font);color:var(--text);cursor:pointer;text-align:left;border-radius:8px;padding:10px 16px;transition:all .15s}.suggestion:hover{border-color:var(--orange);color:var(--orange);background:#fef4f1}.message{flex-direction:column;max-width:88%;display:flex}.message--user{align-self:flex-end;align-items:flex-end}.message--assistant{align-self:flex-start;align-items:flex-start}.msg-label{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:11px}.bubble{white-space:pre-wrap;border-radius:14px;padding:12px 16px;font-size:14px;line-height:1.65}.message--user .bubble{background:var(--orange);color:#fff;border-bottom-right-radius:4px}.message--assistant .bubble{background:var(--bg);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px}.bubble--loading{align-items:center;gap:5px;padding:14px 18px;display:flex}.dot{background:var(--muted);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite blink}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.input-bar{border-top:1px solid var(--border);background:var(--white);border-radius:0 0 12px 12px;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 32px 20px;display:flex}.btn-attach{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:38px;height:38px;color:var(--muted);background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-attach:hover{border-color:var(--orange);color:var(--orange)}.file-chips{flex-wrap:wrap;order:-1;gap:6px;width:100%;padding:4px 0;display:flex}.file-chip{border:1px solid var(--orange);color:var(--orange);background:#fef4f1;border-radius:20px;align-items:center;gap:6px;max-width:220px;padding:4px 10px;font-size:12px;display:inline-flex}.file-chip-remove{cursor:pointer;color:var(--orange);opacity:.7;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.file-chip-remove:hover{opacity:1}.upload-error{color:#b91c1c;background:#fef2f2;border-top:1px solid #fecaca;padding:6px 32px;font-size:12px}.input-field{border:1px solid var(--border);border-radius:var(--radius);font:14px var(--font);background:var(--bg);color:var(--text);outline:none;flex:1;padding:11px 16px;transition:border-color .15s}.input-field:focus{border-color:var(--orange);background:var(--white)}.input-field:disabled{opacity:.6}.btn-send{background:var(--orange);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .15s,transform .1s;display:flex}.btn-send:hover:not(:disabled){background:var(--orange-dark)}.btn-send:active:not(:disabled){transform:scale(.95)}.btn-send:disabled{background:var(--border);color:var(--muted);cursor:default}.overlay{z-index:99;background:#00000073;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 20px #0000004d}.overlay{display:block}.chat-header{display:flex}.chat-main{padding:0}.messages{border-radius:0;padding:16px}.message{max-width:90%}.input-bar{border-radius:0;padding:12px 16px 14px}}.login-page{background:#f7f8fa;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{text-align:center;background:#fff;border:1px solid #e8eaed;border-radius:16px;width:100%;max-width:380px;padding:48px 40px;box-shadow:0 4px 24px #0000000f}.login-card .logo{letter-spacing:-.3px;font-size:22px;font-weight:600}.login-card .logo-straight{color:#1a1a1a}.login-card .logo-accent{color:#c84b31}.login-card h1{color:#1a1a1a;margin:20px 0 8px;font-size:20px;font-weight:600}.login-card p{color:#6b7280;margin-bottom:32px;font-size:14px;line-height:1.6}.btn-login{color:#fff;cursor:pointer;background:#141928;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 24px;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}.btn-login:hover{background:#1c2438}