@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%;max-width:100vw;max-height:100vh;overflow:hidden;margin:0;padding:0}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:#fff;margin:0;padding:0;width:100%;height:100%;max-width:100vw;max-height:100vh;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);box-sizing:border-box}#root{width:100%;height:100%;max-width:100vw;max-height:100vh;overflow:hidden;position:relative;box-sizing:border-box}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;width:100%;max-width:100vw;overflow-x:hidden}.app-header{position:fixed;top:0;left:0;right:0;padding:20px 30px;background:#fff;border-bottom:1px solid #e0e0e0;z-index:100;display:flex;justify-content:space-between;align-items:center}.app-logo{font-size:20px;font-weight:800;color:#667eea;letter-spacing:2px;font-family:Inter,sans-serif}.container{width:100%;max-width:1200px;margin:0 auto;background:#fff;flex:1;display:flex;flex-direction:column;overflow-x:hidden;position:relative}.container-full{margin-top:80px;flex:1}.register-container,.login-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:40px 20px}font-size: 14px; .register-form-wrapper{width:100%;max-width:400px;max-width:min(400px,calc(100vw - 40px));background:#fff;padding:40px;padding-bottom:calc(40px + env(safe-area-inset-bottom));border-radius:12px;box-shadow:0 2px 10px #0000001a;box-sizing:border-box}.register-container h2,.login-container h2{margin-bottom:30px;color:#333;text-align:center;font-size:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#555;font-weight:500}.form-group input{width:100%;max-width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea}button{width:100%;max-width:100%;padding:12px;background:red;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s;margin-top:10px;box-sizing:border-box}button:hover:not(:disabled){transform:translateY(-2px);opacity:.9}button:disabled{opacity:.6;cursor:not-allowed}.link-button{background:transparent;color:#667eea;margin-top:15px;text-decoration:underline;font-weight:400}.link-button:hover{transform:none;opacity:.8}.remember-me{display:flex;align-items:center;margin-bottom:20px;gap:8px}.remember-me input[type=checkbox]{width:auto;margin:0;cursor:pointer}.remember-me label{margin:0;font-weight:400;color:#555;cursor:pointer}.register-link{text-align:center;margin-top:20px;color:#666;font-size:14px}.register-link a{color:#667eea;text-decoration:none;font-weight:500}.register-link a:hover{text-decoration:underline}.error{background:#fee;color:#c33;padding:12px;border-radius:8px;margin-bottom:15px;border:1px solid #fcc}.chat-container{display:flex;flex-direction:column;height:calc(100vh - 80px);height:calc(100dvh - 80px - env(safe-area-inset-bottom));max-width:100vw;width:100%;margin:0 auto;background:#fff;overflow-x:hidden;position:relative}.chat-header{padding:20px 30px;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.chat-header h2{margin:0;font-size:18px;font-weight:600;color:#667eea;letter-spacing:1px}.chat-header h2 .chat-header .taskinogo{color:green;margin-left:10px}.user-info{font-size:14px;color:#666}.settings-container{position:relative}.settings-button{width:auto;padding:8px;background:transparent;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s;margin:0}.settings-button:hover{background:#f5f5f5;border-color:#667eea;color:#667eea}.settings-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:150px;z-index:1000;overflow:hidden}.dropdown-item{width:100%;padding:12px 16px;background:#fff;border:none;text-align:left;cursor:pointer;font-size:14px;color:#333;transition:background .2s;margin:0;border-radius:0}.dropdown-item:hover{background:#f5f5f5}.dropdown-item:first-child{border-bottom:1px solid #e0e0e0}.messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;background:#fafafa;width:100%;max-width:100%;box-sizing:border-box}.empty-state{text-align:center;color:#999;padding:40px 20px}.message{margin-bottom:20px;display:flex}.user-message{justify-content:flex-end}.ai-message{justify-content:flex-start}.message-content{max-width:70%;max-width:min(70%,calc(100vw - 40px));padding:12px 16px;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000001a;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}.user-message .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message-sender{font-size:12px;font-weight:600;margin-bottom:4px;opacity:.8}.message-text{word-wrap:break-word;line-height:1.5}.message-time{font-size:11px;margin-top:6px;opacity:.7}.typing{font-style:italic;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.cursor{display:inline-block;margin-left:2px;animation:blink 1s infinite;color:inherit}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.error-message{background:#fee;color:#c33;padding:10px 20px;text-align:center;border-top:1px solid #fcc}.chat-input-form{display:flex;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e0e0e0;gap:10px;width:100%;max-width:100%;box-sizing:border-box}.chat-input{flex:1;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;width:100%;max-width:100%;box-sizing:border-box;min-width:0}.chat-input:focus{outline:none;border-color:#667eea}.send-button{width:auto;min-width:100px;margin:0}.api-key-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}.api-key-content{background:#fff;padding:30px;padding-bottom:calc(30px + env(safe-area-inset-bottom));border-radius:12px;max-width:500px;max-width:min(500px,calc(100vw - 40px));width:90%;box-shadow:0 20px 60px #00000080;box-sizing:border-box;overflow-x:hidden}.api-key-content h3{margin-bottom:15px;color:#333}.warning{background:#fff3cd;color:#856404;padding:12px;border-radius:8px;margin-bottom:20px;border:1px solid #ffc107}.api-key-box{display:flex;gap:10px;margin-bottom:20px}.api-key-text{flex:1;padding:12px;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;font-family:Courier New,monospace;font-size:14px;word-break:break-all}.copy-button{width:auto;min-width:100px;margin:0}.close-button{width:100%;background:#6c757d}.close-button:hover:not(:disabled){background:#5a6268}.account-container{max-width:1400px;width:100%;margin:0 auto;padding:40px 20px;padding-bottom:calc(40px + env(safe-area-inset-bottom));box-sizing:border-box;overflow-x:hidden}.account-content{background:#fff}.account-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}.account-left,.account-right{display:flex;flex-direction:column;gap:20px}.account-header{display:flex;align-items:center;gap:15px;margin-bottom:30px}.account-header h2{margin:0;color:#333;font-size:24px}.back-button{width:auto;padding:8px 16px;background:transparent;color:#667eea;border:1px solid #667eea;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s;margin:0}.back-button:hover{background:#667eea;color:#fff}.account-info{margin-bottom:40px}.info-section{margin-bottom:30px;padding:20px;background:#fafafa;border-radius:8px}.info-section h3{margin:0 0 20px;color:#333;font-size:18px}.info-item{margin-bottom:15px}.info-item:last-child{margin-bottom:0}.info-item label{display:block;margin-bottom:5px;color:#666;font-size:14px;font-weight:500}.info-value{color:#333;font-size:16px}.api-keys-section{padding:20px;background:#fafafa;border-radius:8px}.api-keys-section h3{margin:0 0 20px;color:#333;font-size:18px}.api-keys-list{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.api-key-item{padding:15px;background:#fff;border:1px solid #e0e0e0;border-radius:8px}.api-key-header{margin-bottom:10px}.api-key-name-display{display:flex;align-items:center;gap:10px}.api-key-name{font-weight:600;color:#333;font-size:16px}.edit-name-btn{padding:4px 12px;background:transparent;color:#667eea;border:1px solid #667eea;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;margin:0}.edit-name-btn:hover{background:#667eea;color:#fff}.api-key-name-edit{display:flex;gap:8px;align-items:center}.api-key-name-input{flex:1;padding:8px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px}.save-name-btn,.cancel-name-btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;margin:0}.save-name-btn{background:#667eea;color:#fff}.save-name-btn:hover{background:#5568d3}.cancel-name-btn{background:#e0e0e0;color:#666}.cancel-name-btn:hover{background:#d0d0d0}.api-key-display{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}.api-key-value{flex:1;padding:12px;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;font-family:Courier New,monospace;font-size:12px;word-break:break-all;color:#333}.copy-api-key-btn{width:auto;min-width:80px;padding:12px 16px;margin:0;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:background .2s}.copy-api-key-btn:hover{background:#5568d3}.api-key-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#666;margin-top:8px}.api-key-status{padding:4px 8px;border-radius:4px;font-weight:500}.api-key-status.active{background:#d4edda;color:#155724}.api-key-status.inactive{background:#f8d7da;color:#721c24}.api-key-date{color:#999}.generate-api-key-section{padding:20px;background:#fff;border:1px solid #e0e0e0;border-radius:8px}.generate-api-key-section h4{margin:0 0 15px;color:#333;font-size:16px}.password-section{padding:20px;background:#fafafa;border-radius:8px}.password-section h3{margin:0 0 20px;color:#333;font-size:18px}.success{background:#d4edda;color:#155724;padding:12px;border-radius:8px;margin-bottom:15px;border:1px solid #c3e6cb}