:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#212121;color:#fff;overflow:hidden}.app{display:flex;height:100vh;background:#212121;position:relative}.sidebar{width:260px;background:#171717;color:#fff;display:flex;flex-direction:column;border-right:1px solid #2d2d2d;z-index:100}.sidebar-header{padding:16px 12px;border-bottom:1px solid #2d2d2d}.logo-section{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:6px;transition:background-color .2s}.logo-section:hover{background-color:#2d2d2d}.logo-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#10a37f,#1a7f64);border-radius:4px;color:#fff}.sidebar-header h2{font-size:16px;font-weight:600;color:#fff;margin:0}.dropdown-icon{color:#8e8ea0;margin-left:auto}.navigation-menu{padding:8px;border-bottom:1px solid #2d2d2d}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:8px 12px;margin-bottom:4px;background:none;border:none;color:#8e8ea0;font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s;text-align:left}.nav-item:hover{background-color:#2d2d2d;color:#fff}.nav-item.new-chat-btn{background-color:#10a37f;color:#fff;font-weight:600}.nav-item.new-chat-btn:hover{background-color:#0d8a6b}.chats-section{flex:1;padding:8px;overflow-y:auto}.chats-section h3{font-size:12px;font-weight:600;color:#8e8ea0;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;padding:0 12px}.chats-list{display:flex;flex-direction:column;gap:2px}.chat-item{display:flex;align-items:center;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s;position:relative;group:hover}.chat-item:hover,.chat-item.active{background-color:#2d2d2d}.chat-item:hover .delete-btn{opacity:1}.chat-info{flex:1;min-width:0}.chat-title{font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.chat-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#8e8ea0}.message-count,.chat-date{font-size:11px}.delete-btn{opacity:0;background:none;border:none;color:#8e8ea0;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.delete-btn:hover{background-color:#ef4444;color:#fff}.user-profile{padding:12px;border-top:1px solid #2d2d2d;display:flex;align-items:center;justify-content:space-between}.user-info{display:flex;align-items:center;gap:8px;flex:1}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,#10a37f,#1a7f64);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.user-details{flex:1;min-width:0}.user-name{font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status{font-size:12px;color:#8e8ea0}.upgrade-btn{background:#10a37f;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s}.upgrade-btn:hover{background:#0d8a6b}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#8e8ea0}.empty-state p{font-size:14px;font-weight:500;margin-bottom:4px;color:#fff}.empty-state span{font-size:12px;color:#8e8ea0}.welcome-screen{display:flex;align-items:center;justify-content:center;height:100%;padding:20px}.welcome-content{text-align:center;max-width:600px;width:100%}.welcome-content h1{font-size:32px;font-weight:600;color:#fff;margin-bottom:40px}.input-container-welcome{width:100%;max-width:500px;margin:0 auto}.input-wrapper-welcome{display:flex;align-items:center;background:#2d2d2d;border:1px solid #4d4d4d;border-radius:12px;padding:8px 12px;transition:all .2s;position:relative}.input-wrapper-welcome:focus-within{border-color:#10a37f;box-shadow:0 0 0 2px #10a37f33}.attachment-menu-container-welcome{margin-right:8px}.attachment-btn-welcome{background:none;border:none;color:#8e8ea0;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.attachment-btn-welcome:hover{background-color:#3d3d3d;color:#fff}.message-input-welcome{flex:1;background:none;border:none;color:#fff;font-size:16px;padding:12px 8px;outline:none;resize:none}.message-input-welcome::placeholder{color:#8e8ea0}.voice-controls{display:flex;align-items:center;gap:4px;margin-left:8px}.voice-btn,.waveform-btn{background:none;border:none;color:#8e8ea0;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.voice-btn:hover,.waveform-btn:hover{background-color:#3d3d3d;color:#fff}.direct-chat-notice{margin-top:20px;padding:12px 16px;background:#2d2d2d;border-radius:8px;border-left:3px solid #10a37f}.direct-chat-notice p{margin:0;font-size:14px;color:#8e8ea0}.direct-chat-notice strong{color:#10a37f}.header-buttons{display:flex;flex-direction:column;gap:12px}.direct-chat-btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 20px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #667eea66;position:relative;overflow:hidden}.direct-chat-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.direct-chat-btn:hover:before{left:100%}.direct-chat-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea99}.direct-chat-btn:active{transform:translateY(0)}.new-project-btn{width:100%;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;padding:16px 20px;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #f093fb66;position:relative;overflow:hidden}.new-project-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.new-project-btn:hover:before{left:100%}.new-project-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f093fb99}.new-project-btn:active{transform:translateY(0)}.projects-section{flex:1;padding:24px;overflow-y:auto;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 100%)}.projects-section h3{font-size:18px;font-weight:700;margin-bottom:20px;color:#e2e8f0;text-transform:uppercase;letter-spacing:1px;position:relative}.projects-section h3:after{content:"";position:absolute;bottom:-8px;left:0;width:30px;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px}.projects-list{display:flex;flex-direction:column;gap:8px}.empty-state{text-align:center;padding:40px 20px;color:#ffffffb3}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state p{font-size:16px;font-weight:600;margin-bottom:8px}.empty-state span{font-size:14px;opacity:.8}.project-item{background:#ffffff1a;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;border:1px solid transparent}.project-item:hover{background:#ffffff26;transform:translate(4px)}.project-item.active{background:#3bafda;border-color:#c6d300;box-shadow:0 4px 12px #3bafda4d}.project-info{flex:1;min-width:0}.project-name{font-weight:600;font-size:14px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-meta{display:flex;flex-direction:column;gap:4px;font-size:12px;opacity:.8}.message-count{color:#c6d300;font-weight:500}.project-date{display:flex;align-items:center;gap:4px}.delete-btn{background:none;border:none;color:#fff9;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;opacity:0}.project-item:hover .delete-btn{opacity:1}.delete-btn:hover{color:#ff6b6b;background:#ff6b6b1a}.main-content{flex:1;display:flex;flex-direction:column;background:#212121;overflow:hidden;position:relative}.welcome-screen{flex:1;display:flex;align-items:center;justify-content:center;background:#212121;position:relative;overflow:hidden;padding:40px 20px}.welcome-screen:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(16,163,127,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(16,163,127,.05) 0%,transparent 50%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.welcome-content{text-align:center;max-width:600px;padding:40px 30px;background:#2d2d2dcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(16,163,127,.2);box-shadow:0 8px 32px #0000004d;position:relative;z-index:1}.welcome-content h1{font-size:36px;font-weight:700;color:#fff;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.welcome-content p{font-size:18px;color:#8e8ea0;margin-bottom:0;font-weight:400;line-height:1.6}.welcome-options{display:flex;gap:40px;justify-content:center;align-items:stretch;flex-wrap:nowrap;max-width:800px;margin:0 auto}.direct-chat-btn,.create-project-btn{background:linear-gradient(135deg,#fff,#fdf2f8);border:2px solid rgba(236,72,153,.2);border-radius:20px;padding:40px 32px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);flex:1;min-width:300px;text-align:center;box-shadow:0 8px 32px #ec48991a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.direct-chat-btn:before,.create-project-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(236,72,153,.1),transparent);transition:left .6s}.direct-chat-btn:hover:before,.create-project-btn:hover:before{left:100%}.direct-chat-btn:hover,.create-project-btn:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #ec489933;border-color:#ec489966;background:linear-gradient(135deg,#fff,#fce7f3)}.direct-chat-btn:active,.create-project-btn:active{transform:translateY(-4px) scale(1.01)}.btn-icon{font-size:48px;margin-bottom:20px;display:block;filter:drop-shadow(0 2px 4px rgba(236,72,153,.3))}.btn-content h3{font-size:24px;font-weight:700;background:linear-gradient(135deg,#ec4899,#be185d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;text-shadow:0 2px 4px rgba(236,72,153,.3)}.btn-content p{font-size:16px;color:#6b7280;margin:0;line-height:1.5;font-weight:400}.direct-chat-notice{background:#10a37f1a;border:1px solid rgba(16,163,127,.3);border-radius:12px;padding:16px 20px;margin-top:20px;font-size:14px;color:#8e8ea0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1;box-shadow:0 4px 12px #0003}.message-attachments{margin-top:12px;display:flex;flex-direction:column;gap:8px}.attachment-item{display:flex;align-items:center;gap:12px;padding:12px;background:#10a37f1a;border:1px solid rgba(16,163,127,.3);border-radius:8px;max-width:300px}.attachment-icon{color:#10a37f;flex-shrink:0}.attachment-info{flex:1;min-width:0}.attachment-name{font-size:14px;font-weight:500;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-size{font-size:12px;color:#6b7280}.attachment-preview{max-width:100px;max-height:100px;object-fit:cover;border-radius:4px;margin-top:8px}.attachment-text-preview{margin-top:8px;padding:8px;background:#ffffff80;border-radius:4px;font-size:12px;color:#6b7280;max-height:100px;overflow-y:auto}.attachment-text-preview pre{margin:0;white-space:pre-wrap;word-break:break-word}.attachments-preview{padding:12px 16px;background:#ec48990d;border-bottom:1px solid rgba(236,72,153,.1);display:flex;flex-wrap:wrap;gap:8px}.attachment-preview-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid rgba(236,72,153,.2);border-radius:20px;font-size:14px}.attachment-preview-content{display:flex;align-items:center;gap:6px;color:#374151}.attachment-preview-name{font-weight:500}.attachment-preview-size{color:#6b7280;font-size:12px}.attachment-remove-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:2px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.attachment-remove-btn:hover{background:#ef44441a;color:#ef4444}.model-selector-container{position:relative}.model-selector-btn{display:flex;align-items:center;gap:8px;background:#3d3d3d;border:1px solid #4d4d4d;border-radius:8px;padding:8px 12px;color:#fff;cursor:pointer;transition:all .2s ease;font-size:14px;min-width:140px;justify-content:space-between}.model-selector-btn:hover{background:#4d4d4d;border-color:#10a37f}.model-selector-btn:disabled{opacity:.5;cursor:not-allowed}.model-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.model-menu{position:absolute;bottom:100%;left:0;background:#2d2d2d;border:1px solid #4d4d4d;border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:8px;z-index:1000;min-width:280px;max-height:300px;overflow-y:auto;margin-bottom:8px}.model-menu-item{display:flex;align-items:center;justify-content:space-between;padding:12px;cursor:pointer;border-radius:8px;transition:all .2s ease;color:#fff}.model-menu-item:hover{background:#10a37f1a}.model-menu-item.selected{background:#10a37f33;border:1px solid rgba(16,163,127,.3)}.model-info{flex:1;min-width:0}.model-menu-item .model-name{font-size:14px;font-weight:600;color:#fff;margin-bottom:2px}.model-provider{font-size:12px;color:#8e8ea0}.model-description{font-size:11px;color:#a0a0a0;margin-top:4px;line-height:1.4}.model-features{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.model-feature-tag{font-size:10px;color:#10a37f;background:#10a37f1a;padding:2px 6px;border-radius:12px;border:1px solid rgba(16,163,127,.2)}.model-feature-more{font-size:10px;color:#8e8ea0;background:#8e8ea01a;padding:2px 6px;border-radius:12px}.model-stats{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.model-tokens{font-size:11px;color:#8e8ea0;background:#10a37f1a;padding:2px 6px;border-radius:4px}.model-category{font-size:10px;color:#10a37f;background:#10a37f1a;padding:2px 6px;border-radius:4px;border:1px solid rgba(16,163,127,.2)}.attachment-menu-container{position:relative}.attachment-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.attachment-btn:hover{background:#ec48991a;color:#ec4899}.attachment-btn:disabled{opacity:.5;cursor:not-allowed}.attachment-menu{position:absolute;bottom:100%;left:0;background:#fff;border:1px solid rgba(236,72,153,.2);border-radius:12px;box-shadow:0 8px 32px #0000001a;padding:8px;z-index:1000;min-width:160px}.attachment-menu-item{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;border-radius:8px;transition:all .2s ease;color:#374151}.attachment-menu-item:hover{background:#ec48991a;color:#ec4899}.attachment-menu-item span{font-size:14px;font-weight:500}.create-project-btn{background:#c6d300;color:#0f3557;border:none;padding:16px 32px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #c6d3004d}.create-project-btn:hover{background:#f5f9a8;transform:translateY(-2px);box-shadow:0 6px 20px #c6d30066}.chat-interface{display:flex;flex-direction:column;height:100%;background:#212121;position:relative}.chat-header{background:#2d2d2d;color:#fff;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4d4d4d;position:relative;z-index:1}.chat-header h2{font-size:18px;font-weight:600;color:#fff}.project-stats{font-size:12px;color:#8e8ea0;background:#3d3d3d;padding:4px 8px;border-radius:4px}.messages-container{flex:1;position:relative;z-index:1;overflow-y:auto;background:transparent}.empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#4a5568;text-align:center;padding:60px 40px;background:linear-gradient(135deg,#ec48990d,#f472b60d);border-radius:20px;margin:20px;position:relative}.empty-chat:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(236,72,153,.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(244,114,182,.1) 0%,transparent 50%);border-radius:20px;pointer-events:none}.empty-chat svg{margin-bottom:32px;opacity:.8;color:#ec4899;filter:drop-shadow(0 4px 8px rgba(236,72,153,.3))}.empty-chat h3{font-size:28px;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#ec4899,#be185d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.empty-chat p{font-size:18px;opacity:.8;position:relative;z-index:1;line-height:1.6}.messages-list{padding:24px;display:flex;flex-direction:column;gap:16px}.message{display:flex;gap:12px;max-width:80%}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.assistant{align-self:flex-start}.message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message.user .message-avatar{background:#3bafda;color:#fff}.message.assistant .message-avatar{background:#c6d300;color:#0f3557}.message-content{background:#2d2d2d;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000004d;position:relative;border:1px solid #4d4d4d}.message.user .message-content{background:#3bafda;color:#fff;border:1px solid #3BAFDA}.message.assistant .message-content{background:#2d2d2d;color:#fff;border:1px solid #4d4d4d}.message-text{font-size:14px;line-height:1.6;margin-bottom:8px;white-space:pre-wrap;word-wrap:break-word;color:inherit}.message-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;opacity:.7;color:inherit}.message-time{font-weight:500;color:inherit}.copy-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;opacity:0;transition:all .2s ease}.message-content:hover .copy-btn{opacity:1}.copy-btn:hover{background:#0000001a}.typing-indicator{display:flex;gap:4px;align-items:center}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#3bafda;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}.input-container{background:#212121;border-top:1px solid #4d4d4d;padding:20px 24px;position:relative;z-index:1}.input-wrapper{display:flex;gap:12px;align-items:flex-end;background:#2d2d2d;border-radius:12px;padding:12px;border:1px solid #4d4d4d;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.input-wrapper:focus-within{border-color:#10a37f;box-shadow:0 0 0 2px #10a37f33}.message-input{flex:1;border:none;background:none;resize:none;font-size:16px;line-height:1.5;max-height:120px;outline:none;font-family:inherit;color:#fff}.message-input::placeholder{color:#8e8ea0}.send-button{background:#10a37f;color:#fff;border:none;width:40px;height:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.send-button:hover:not(:disabled){background:#0d8a6b;transform:scale(1.05)}.send-button:disabled{background:#3d3d3d;color:#8e8ea0;cursor:not-allowed;transform:none}.project-manager{flex:1;display:flex;flex-direction:column;background:#212121;height:100%}.project-manager-header{background:#2d2d2d;color:#fff;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4d4d4d}.project-manager-header h2{font-size:18px;font-weight:600;color:#fff}.close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.close-btn:hover{background:#ffffff1a}.project-manager-content{flex:1;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#212121}.project-icon{margin-bottom:32px;color:#10a37f}.project-form{width:100%;max-width:400px;background:#2d2d2d;padding:32px;border-radius:16px;border:1px solid #4d4d4d}.form-group{margin-bottom:24px}.form-group label{display:block;font-weight:600;color:#fff;margin-bottom:8px;font-size:14px}.project-name-input{width:100%;padding:12px 16px;border:1px solid #4d4d4d;border-radius:8px;font-size:16px;transition:all .2s ease;outline:none;background:#3d3d3d;color:#fff}.project-name-input:focus{border-color:#10a37f;box-shadow:0 0 0 2px #10a37f33}.project-name-input::placeholder{color:#8e8ea0}.input-hint{font-size:12px;color:#8e8ea0;margin-top:4px;text-align:right}.form-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn{background:#3d3d3d;color:#8e8ea0;border:1px solid #4d4d4d;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#4d4d4d;color:#fff}.create-btn{background:#10a37f;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.create-btn:hover:not(:disabled){background:#0d8a6b;transform:translateY(-1px)}.create-btn:disabled{background:#3d3d3d;color:#8e8ea0;cursor:not-allowed;transform:none}.project-tips{margin-top:32px;max-width:400px;background:#2d2d2d;padding:24px;border-radius:12px;border:1px solid #4d4d4d}.project-tips h4{color:#fff;margin-bottom:16px;font-size:16px}.project-tips ul{list-style:none;padding:0}.project-tips li{color:#8e8ea0;font-size:14px;line-height:1.5;position:relative;padding:8px 0 8px 20px}.project-tips li:before{content:"•";color:#3bafda;font-weight:700;position:absolute;left:0}@media (max-width: 768px){.app{flex-direction:column}.sidebar{width:100%;height:auto;max-height:200px}.main-content{border-radius:0;margin:0}.message{max-width:95%}.project-manager-content{padding:20px}.project-form{padding:24px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#3bafda;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0f3557}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f3557,#3bafda);padding:20px}.login-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:420px;padding:40px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:32px}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#0f3557,#3bafda);border-radius:50%;margin-bottom:20px;color:#fff}.login-header h1{font-size:28px;font-weight:700;color:#0f3557;margin-bottom:8px}.login-header p{color:#666;font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#333}.form-group input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .2s;background:#fff;color:#333}.form-group input:focus{outline:none;border-color:#3bafda;box-shadow:0 0 0 3px #3bafda1a}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.form-group input::placeholder{color:#999}.error-message{padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;text-align:center}.login-button{width:100%;padding:14px 24px;background:linear-gradient(135deg,#0f3557,#3bafda);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0f35574d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}