@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.sidebar{color:#fff;box-sizing:border-box;background:#061a3a;border-right:1px solid #0f2a5c;flex-shrink:0;width:280px;height:100vh;padding:20px;overflow-y:auto}.sidebar h2{margin-bottom:20px;font-size:20px;font-weight:600}.new-chat{color:#000;cursor:pointer;background:#3bc1ff;border:none;border-radius:14px;width:100%;margin-bottom:20px;padding:14px;font-size:15px;font-weight:700}.chat-item{cursor:pointer;color:#cbd5f5;border:1px solid #6bbfff;border-radius:10px;justify-content:space-between;align-items:center;margin-top:8px;padding:10px 12px;font-size:14px;display:flex}.chat-item.active{color:#e2e8f0;background:#0f2a5c;border:1px solid #3bc1ff}.chat-item:hover{background:#0f2a5c}.chat-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.delete-btn{color:#545252;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:14px;transition:all .2s}.delete-btn:hover{color:#000;background:#ffffff52}.chat-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.edit-btn{color:#545252;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:14px;transition:all .2s}.edit-btn:hover{color:#3bc1ff;background:#fff3}.chat-edit-input{color:#fff;background:#0f2a5c;border:1px solid #3bc1ff;border-radius:6px;outline:none;flex:1;width:100%;padding:4px 8px;font-size:13px}@media (width<=768px){.sidebar{border-bottom:1px solid #0f2a5c;border-right:none;width:100%;height:auto;max-height:45vh;padding:12px;overflow-y:auto}.new-chat{margin-bottom:10px;padding:10px;font-size:14px}.chat-item{padding:8px 10px;font-size:13px}}.navbar{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.navbar-title{color:#fff;font-size:18px;font-weight:600}.top-navbar{background:#061a3a;border-bottom:1px solid #0f2a5c;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;padding:4px;display:none}.hamburger span{background:#fff;border-radius:2px;width:22px;height:2px;display:block}@media (width<=768px){.hamburger{display:flex}}.logo{color:#3bc1ff;letter-spacing:.5px;font-size:24px;font-weight:600}.nav-actions{gap:12px;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:700}.btn.primary{color:#000;background:#3bc1ff}.btn.outline{color:#3bc1ff;background:0 0;border:1px solid #3bc1ff}@media (width<=768px){.top-navbar{height:55px;padding:0 15px}.logo{font-size:18px}.btn{padding:8px 12px;font-size:13px}}.chat-container{color:#fff;background:#061a3a;flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-box{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex;overflow-y:auto}.input-bar{background:#061a3a;border-top:1px solid #0f2a5c;flex-shrink:0;padding:15px;display:flex;position:static}.input-bar input{border:none;border-radius:12px;outline:none;flex:1;padding:14px;font-size:14px}.input-bar button{cursor:pointer;background:#3bc1ff;border:none;border-radius:12px;margin-left:10px;padding:14px 20px;font-weight:500}.welcome{color:#e2e8f0;margin:20px;font-size:22px;font-weight:600}.msg{border-radius:12px;width:fit-content;max-width:60%;margin-bottom:10px;padding:10px 14px;font-size:14px;line-height:1.5;display:inline-block}.msg.user{color:#000;background:#3bc1ff;margin-left:auto}.chat-box{flex-direction:column;gap:10px;display:flex}.message-row{width:100%;display:flex}.message-row.left{justify-content:flex-start}.message-row.right{justify-content:flex-end}.msg{border-radius:12px;max-width:60%;padding:10px 14px;font-size:14px;line-height:1.5}.msg.ai{color:#e2e8f0;background:#0f2a5c}.msg.user{color:#000;background:#3bc1ff}.empty-state{text-align:center;pointer-events:none;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:static;transform:none}.empty-state h1{color:#cbd5f5;opacity:.6;margin-bottom:8px;font-size:36px;font-weight:600}.empty-state p{color:#94a3b8;opacity:.6;font-size:15px}.empty-state h1{letter-spacing:.5px}.typing-indicator{align-items:center;gap:4px;padding:4px 0;display:flex}.typing-indicator span{background:#3bc1ff;border-radius:50%;width:7px;height:7px;animation:1.2s infinite bounce}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.error-banner{color:#fca5a5;z-index:10;background:#7f1d1d;border:1px solid #991b1b;border-radius:12px;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.error-banner button{color:#fca5a5;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.input-bar input:disabled,.input-bar button:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.welcome{margin:12px;font-size:16px}.msg{max-width:85%;font-size:13px}.input-bar input{padding:10px;font-size:13px}.input-bar button{padding:10px 14px;font-size:13px}.empty-state h1{font-size:22px}.empty-state p{font-size:13px}.chat-container{flex-direction:column;height:100%;display:flex}.chat-box{flex:1;overflow-y:auto}.input-bar{background:inherit;padding:10px;position:sticky;bottom:0}}.div1{height:100vh;display:flex;overflow:hidden}.div2{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.div3{flex-direction:column;flex:1;display:flex;overflow:hidden}.auth-screen{background:#061a3a;justify-content:center;align-items:center;min-height:100vh;display:flex}.sidebar-wrapper{flex-shrink:0}.sidebar-overlay{display:none}@media (width<=768px){.sidebar-wrapper{z-index:100;height:100vh;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar-wrapper.open{transform:translate(0)}.sidebar-overlay{z-index:99;background:#00000080;display:block;position:fixed;inset:0}.div2{flex:1;min-height:0}.div3{flex:1;min-height:0;overflow-y:auto}}*{margin:0;padding:0}body{color:#fff;background:#061a3a;margin:0;font-family:Inter,sans-serif}