.agents-container{color:#1e293b;background:linear-gradient(135deg,#f0f9ff 0%,#e0f7fa 50%,#e3f2fd 100%);min-height:100vh;padding:2rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.agents-content{max-width:800px;margin:0 auto}.agents-header{text-align:center;margin-bottom:3rem}.agents-title{background:linear-gradient(135deg,#0d9488 0%,#0891b2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.agents-subtitle{color:#64748b;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.agents-input-section{background:#fff;border:1px solid #06b6d426;border-radius:20px;margin-bottom:2rem;padding:2rem;box-shadow:0 10px 30px #06b6d41a}.input-group{gap:1rem;display:flex}.agents-input{color:#1e293b;background:#fff;border:2px solid #06b6d433;border-radius:16px;flex:1;padding:1rem 1.5rem;font-size:1rem;transition:all .3s}.agents-input:focus{border-color:#22c55e;outline:none;box-shadow:0 0 0 4px #22c55e1a}.agents-input::placeholder{color:#94a3b8;font-style:italic}.agents-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e 0%,#0d9488 100%);border:none;border-radius:16px;min-width:120px;padding:1rem 2rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #22c55e4d}.agents-button:hover:not(:disabled){background:linear-gradient(135deg,#16a34a 0%,#0d9488 100%);transform:translateY(-2px);box-shadow:0 6px 25px #22c55e66}.agents-button:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#94a3b8,#64748b);transform:none!important}.tasks-list{background:#fff;border:1px solid #06b6d426;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #06b6d41a}.task-item{background:linear-gradient(135deg,#22c55e0d,#06b6d40d);border-left:4px solid #22c55e;border-radius:12px;margin-bottom:1rem;padding:1.25rem;transition:all .3s;animation:.3s ease-out taskSlide}.task-item:hover{transform:translate(10px);box-shadow:0 5px 20px #06b6d426}.task-item:last-child{margin-bottom:0}@keyframes taskSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-tasks{text-align:center;color:#64748b;padding:3rem}.empty-icon{opacity:.5;margin-bottom:1rem;font-size:3rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.agents-container{padding:1rem}.agents-title{font-size:2rem}.input-group{flex-direction:column}.agents-button{width:100%}.agents-input-section,.tasks-list{padding:1.5rem}}