*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{color:#fff;background:#0b1220;overflow:hidden}.app{height:100vh;display:flex}.sidebar{background:#111827;border-right:1px solid #ffffff14;flex-direction:column;width:300px;padding:20px;display:flex}.logo{color:#22c55e;margin-bottom:20px;font-size:32px;font-weight:800}.new-chat{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:14px;width:100%;padding:15px;font-size:15px;font-weight:700;transition:all .25s}.new-chat:hover{opacity:.9;transform:translateY(-2px)}.search-box{color:#fff;background:#1f2937;border:none;border-radius:12px;outline:none;width:100%;margin-top:15px;padding:14px}.history{flex:1;margin-top:20px;overflow-y:auto}.chat-item{cursor:pointer;background:#1f2937;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px;transition:all .25s;display:flex}.chat-item:hover{background:#273548}.chat-item.active{background:#1b4332;border:1px solid #22c55e}.delete-btn{color:#ef4444;cursor:pointer;background:0 0;border:none}.main{flex-direction:column;flex:1;display:flex}.topbar{background:#111827;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:70px;padding:0 25px;display:flex}.status{color:#22c55e;font-weight:600}.profile{cursor:pointer;background:#1f2937;border:1px solid #ffffff14;border-radius:30px;padding:10px 18px;transition:all .25s}.profile:hover{background:#22c55e}.chat-area{flex:1;padding:30px;overflow-y:auto}.welcome{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.welcome h1{background:linear-gradient(90deg,#22c55e,#4ade80);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:72px;font-weight:800}.welcome p{color:#94a3b8;margin-top:10px;font-size:18px}.user-message{color:#fff;background:#22c55e;border-radius:18px;max-width:700px;margin-bottom:15px;margin-left:auto;padding:16px 20px}.ai-message{background:#1f2937;border:1px solid #ffffff14;border-radius:18px;max-width:700px;margin-bottom:15px;padding:16px 20px}.ai-message pre{background:#111827;border-radius:12px;margin-top:10px;padding:15px;overflow-x:auto}.ai-message code{color:#4ade80;font-family:Consolas,monospace}.input-area{background:#111827;border-top:1px solid #ffffff14;gap:15px;padding:20px;display:flex}.input-area input{color:#fff;background:#1f2937;border:none;border-radius:16px;outline:none;flex:1;height:60px;padding:0 20px}.input-area button{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:16px;width:150px;font-weight:700;transition:all .25s}.input-area button:hover{opacity:.9}.upload-btn{font-size:20px;background:#1f2937!important;width:60px!important}button:disabled{opacity:.6}.typing{background:#1f2937;border-radius:18px;gap:8px;width:80px;padding:15px;display:flex}.typing span{background:#22c55e;border-radius:50%;width:10px;height:10px;animation:1s infinite bounce}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-container{background:#0b1220;justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:#111827;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:18px;width:420px;padding:40px;display:flex}.auth-card h1{color:#22c55e;text-align:center;font-size:42px}.auth-card h2{text-align:center}.auth-subtitle{text-align:center;color:#94a3b8}.auth-card input{color:#fff;background:#1f2937;border:none;border-radius:14px;outline:none;height:55px;padding:0 18px}.auth-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:14px;height:55px;font-weight:700}.auth-btn:hover{opacity:.9}.auth-switch{text-align:center}.auth-switch a{color:#22c55e;margin-left:6px;text-decoration:none}.auth-switch a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#111827}::-webkit-scrollbar-thumb{background:#22c55e;border-radius:20px}.sidebar-footer{border-top:1px solid #ffffff14;margin-top:auto;padding-top:15px}.user-card{background:#1f2937;border-radius:14px;padding:12px}.user-name{color:#fff;margin-bottom:10px;font-weight:600}.logout-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;width:100%;height:40px;font-weight:600}.logout-btn:hover{opacity:.9}.pin-btn,.delete-btn{cursor:pointer;color:#fff;background:0 0;border:none}.chat-title{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.rename-btn,.pin-btn,.delete-btn{cursor:pointer;color:#fff;background:0 0;border:none;font-size:14px}.chat-actions{gap:6px;display:flex}.user-wrapper{justify-content:flex-end;display:flex}.ai-wrapper{justify-content:flex-start;display:flex}.message-time{opacity:.6;margin-top:8px;font-size:11px}.welcome-cards{grid-template-columns:repeat(2,1fr);gap:15px;width:100%;max-width:700px;margin-top:40px;display:grid}.welcome-card{text-align:center;cursor:pointer;background:#1f2937;border:1px solid #ffffff14;border-radius:16px;padding:20px;transition:all .25s}.welcome-card:hover{border-color:#22c55e;transform:translateY(-3px)}.code-container{margin-top:10px;position:relative}.copy-btn{cursor:pointer;color:#fff;background:#22c55e;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;top:10px;right:10px}.copy-btn:hover{opacity:.9}.attached-file{color:#fff;background:#1e293b;border:1px solid #334155;border-radius:12px;justify-content:space-between;align-items:center;margin:0 20px 10px;padding:10px 14px;display:flex}.attached-file button{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:16px}