@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg-dark: #0b0f1a;--bg-sidebar: #131b2d;--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--text-main: #f8fafc;--text-muted: #94a3b8;--bubble-user: #2d3748;--bubble-ai: #1e293b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-main);height:100vh;overflow:hidden}#root{height:100%}.layout-container{display:flex;height:100%;width:100%}.sidebar{width:260px;background-color:var(--bg-sidebar);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:1.5rem 1rem;transition:all .3s ease}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.75rem;cursor:pointer;transition:background .2s;color:var(--text-muted);font-weight:500;margin-bottom:.5rem}.nav-item:hover,.nav-item.active{background:var(--glass);color:var(--text-main)}.nav-item.active{border-left:3px solid var(--primary)}.main-content{flex:1;display:flex;flex-direction:column;position:relative}.chat-container{flex:1;overflow-y:auto;padding:2rem 1rem;max-width:800px;margin:0 auto;width:100%}.message{margin-bottom:1.5rem;display:flex;flex-direction:column;max-width:85%}.message.user{margin-left:auto;align-items:flex-end}.message-bubble{padding:1rem 1.25rem;border-radius:1rem;line-height:1.6;font-size:.95rem;box-shadow:0 4px 6px -1px #0000001a}.user .message-bubble{background-color:var(--primary);border-bottom-right-radius:.2rem}.assistant .message-bubble{background-color:var(--bubble-ai);border:1px solid var(--glass-border);border-bottom-left-radius:.2rem}.message-info{font-size:.75rem;color:var(--text-muted);margin-bottom:.35rem}.input-area{padding:1.5rem;background:linear-gradient(to top,var(--bg-dark) 60%,transparent)}.input-wrapper{max-width:800px;margin:0 auto;position:relative;background:var(--glass);border:1px solid var(--glass-border);border-radius:1rem;display:flex;align-items:center;padding:.5rem 1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-wrapper input{flex:1;background:transparent;border:none;color:var(--text-main);padding:.75rem;outline:none;font-size:1rem}.send-btn{background:var(--primary);color:#fff;border:none;padding:.6rem;border-radius:.75rem;cursor:pointer;transition:scale .2s;display:flex;align-items:center;justify-content:center}.send-btn:hover{background:var(--primary-hover);scale:1.05}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.gradient-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem;text-align:center}